Appearance
安装vue-cli3.0
淘宝镜像
bash
npm install -g cnpm --registry=https://registry.npm.taobao.org
1
安装vue-cli
javascript
npm install -g @vue/cli
# OR
yarn global add @vue/cli
1
2
3
2
3
查看版本
bash
vue --version
1
vue-cli构建项目
bash
vue create vue-demo
1
选择默认即可、可起服务
目录结构
markdown
├── README.md # 说明
|-- dist # 打包后文件夹
├── babel.config.js # babel语法编译
├── package-lock.json
├── package.json
├── public # 静态文件夹
│ ├── favicon.ico
│ └── index.html #入口页面
└── src # 源码目录
├── App.vue - 页面
├── assets - 静态目录
│ └── logo.png
├── components 组件
│ └── HelloWorld.vue
└── main.js # 入口文件，加载公共组件
|-- vue.config.js # 配置文件
|-- .eslintrc.js # ES-lint校验
|-- .gitignore # git忽略上传的文件格式
|-- babel.config.js # babel语法编译
|-- package.json # 项目基本信息
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
标准的vue目录结构