“Vue项目搭建”的版本间的差异
跳到导航
跳到搜索
| 第5行： | 第5行： | ||
npm install webpack –g | npm install webpack –g | ||
[[文件:Webpack.png|缩略图|665x665px|无]] | [[文件:Webpack.png|缩略图|665x665px|无]] | ||
'''安装vue脚手架''' | '''安装vue脚手架''' | ||
npm install -g @vue/cli | npm install -g @vue/cli | ||
[[文件:@vue-cli.png|缩略图| | [[文件:@vue-cli.png|缩略图|1339x1339px|无]] | ||
=== 创建vue新项目 === | === 创建vue新项目 === | ||
在你想要放置的目录下执行Vue create my_text | 在你想要放置的目录下执行Vue create my_text | ||
[[文件:My-text.png|缩略图|547x547像素|无]] | [[文件:My-text.png|缩略图|547x547像素|无]] | ||
三种配置选择一种回车 | 三种配置选择一种回车 | ||
[[文件:Enter.png| | [[文件:Enter.png|缩略图|853x853px|无]] | ||
=== 启动刚创建的项目 === | === 启动刚创建的项目 === | ||
Cd my_test | Cd my_test | ||
Npm run serve | Npm run serve | ||
[[文件:Run.png| | [[文件:Run.png|缩略图|712x712px|无]] | ||
=== 访问项目 === | === 访问项目 === | ||
访问 <nowiki>http://localhost:8081/</nowiki> | 访问 <nowiki>http://localhost:8081/</nowiki> | ||
[[文件:Open.png| | [[文件:Open.png|缩略图|666x666px|无]] | ||
=== 项目所在位置 === | === 项目所在位置 === | ||
[[文件:Position.png| | [[文件:Position.png|缩略图|907x907px|无]] | ||
=== 参考资料 === | === 参考资料 === | ||
2021年11月12日 (五) 08:17的版本
vue环境搭建
vue项目搭建
安装webpack
npm install webpack –g
安装vue脚手架
npm install -g @vue/cli
创建vue新项目
在你想要放置的目录下执行Vue create my_text
三种配置选择一种回车
启动刚创建的项目
Cd my_test
Npm run serve
访问项目
访问 http://localhost:8081/
项目所在位置
参考资料
Node.js入门：http://www.runoob.com/nodejs/nodejs-tutorial.html
Npm命令：http://www.runoob.com/nodejs/nodejs-npm.html
Vue官网：https://cn.vuejs.org/
Vue CLI：https://cli.vuejs.org/zh/guide/
Es6常用语法：https://blog.csdn.net/itzhongzi/article/details/73330681
Element前端框架 https://element.faas.ele.me/#/zh-CN/component/installation