脚手架 vue-cli（创建项目）

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/jdrunk/article/details/102627625

1、为什么使用脚手架
1） 模块化机制
2） vue-cli能够进行项目管理
1> 创建并且初始化工程
node_modules：
node_modules用于存放第三方依赖，拷贝项目或者将项目上传到github的时候不需要携带node_modules,node_modules没有任何用处，非常大，并且还需要把它删除重新安装。
public：
public，网页的公共文件，index.html，js将会应用到这个index.html中
vue -build-> js/css -inject->index.html
src：
核心源码目录
components 自定义功能组件
pages 页面组件
App.vue 根组件
main.js 入口文件
assets 资源文件，比如本地图片
package.json
plugins
element.js element配置文件
element-variables.scss 用于修改element风格
2.>测试
自带静态服务器
3>打包
vue -> html/css/js

2、安装脚手架程序
1. 本地安装node

> node -v
> v 10.16.0

2. 全局安装cnpm			

> npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 全局安装@vue-cli		

> cnpm install -g @vue/cli
> vue --version
@vue.cli 4.0.3

4. 创建app01

> vue create app01

5. 安装依赖

> cd app01

交互：
手动
babel
package.json
n
当前目录出现了app01项目
// 安装axios qs

> cnpm install axios qs --save

// 安装element

> vue add element