Vue移动端电商项目1-项目初始化
2019-08-02 本文已影响232人
夜半暖人心
项目初始化：脚手架搭建项目
vue-cli3脚手架作用：自动帮我们完成webpack跟Vue相关的所有配置.
全局安装指令:cnpm install -g @vue/cli ，只要第一次安装就会全局存在脚手架，以后直接按照搭建步骤使用即可.
注意事项:
如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，需要先通过 cnpm uninstall vue-cli -g卸载它，再重新安装.
可以用指令检查版本:vue --version
搭建步骤
| NO. | 步骤描述 |
|---|---|
| 1 | vue create 新建文件名（该项目是project） |
| 2 | cd project (进入项目文件) |
| 3 | npm run serve （启动前端开发服务器，直接用浏览器打开vue文件没效果） |
| 注意 | 创建的项目文件名不能是中文，包裹创建项目的文件夹可以是中文 |
Ⅰ.选择覆盖目录
Snipaste_2019-08-02_09-41-49.jpg
Ⅱ.生成简易模板
Snipaste_2019-08-02_09-44-18.jpg
Ⅲ.初始化项目成功，访问网页显示如下。
image
Ⅳ.vue-cli3文件介绍：
image
image
image
