脚手架(客户机上安装)

脚手架(客户机上安装)
1) 在windows上安装nodejs
> node -v
2) 在windows使用npm安装cnpm【选装】
> npm install cnpm -g --registry=xxx
3) 在windows使用npm安装@vue/cli
> npm install @vue/cli -g
> vue --version
4) 使用vue创建项目
> vue create app01

交互：
手动
babel
package.json
n
当前目录出现了app01项目
5) 安装其他模块 axios/qs/element-ui
> cd app01
> cnpm install axios qs --save
> vue add element
交互：
全部导入 *
按需导入
6) 开发
app01
node_modules
public
src
assets
components
plugins
element.js
App.vue
main.js
element-variables.scss
.git
.gitignore
/node_modules
/dist
babel.config.js

node_modules用于存放第三方依赖，拷贝项目或者将项目上传到github的时候不需要携带node_modules,node_modules没有任何用处，非常大，并且还需要把它删除重新安装。

public，网页的公共文件，index.html，js将会应用到这个index.html中
vue -build-> js/css -inject->index.html

src，核心源码目录
assets 资源文件，比如本地图片
components 自定义功能组件
pages 页面组件
main.js 入口文件，创建根vue实例，公共配置
App.vue 根组件
plugins
element.js element配置文件
element-variables.scss 用于修改element风格