安装 vue-cli 3.0
npm install -g @vue/cli
安装 yarn 依赖管理工具
npm install -g yarn
创建项目
vue create hello-world
配置
- 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性
- 这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更加需要的
- 如果你决定手动选择特性,在操作提示的最后你可以选择将已选项保存为一个将来可复用的 preset
![](https://img.haomeiwen.com/i4804567/fe3158ee8b1e0800.png)
-
这里我选择手动
-
选择你需要的, 按回车键确认
-
-
是否使用 history 路由, 这里我选择否 (n)
![](https://img.haomeiwen.com/i4804567/83c2ebb57b570e1b.png)
- 根据个人习惯选择, 我这里选择 ESLint + Standard config
![](https://img.haomeiwen.com/i4804567/357ba35a8d99f415.png)
- 选择语法检查方式, 这里我选择 Lint on save (标准配置)
![](https://img.haomeiwen.com/i4804567/49c772d17309a829.png)
- 选择 lint 的配置文件如何存放,这里我选了分别存到具体的 config 文件,而不是package,便于管理
![](https://img.haomeiwen.com/i4804567/cdb7f817539a383d.png)
- 是否保存本次创建项目的配置项,用于下次快速创建项目. 随意喽
![](https://img.haomeiwen.com/i4804567/a8f2895119a8454d.png)
- 创建中...
![](https://img.haomeiwen.com/i4804567/4c688084bd2ba20c.png)
- 完成
![](https://img.haomeiwen.com/i4804567/7b4b4f096fb5c861.png)
网友评论