vue的脚手架工具vue-cli的使用

在这里我们使用了[email protected]脚手架。

首先在你想要创建项目的地方打开window下打开cmd或者PowerShellvue create 项目名来创建我们vue项目
接下来会弹出

键盘的上下键选择，确认键确认

选择预设，来选择你自己手动选择vue-cli的功能或者选择默认的功能。
default 默认 / manually 手动选择

？ 检查项目所需的功能：（按space空格选择，a切换全部，i反转选择）
（）babel
（）TypeScript
（）渐进式Web应用程序（PWA）支持
（）路由器
（）Vuex
（）CSS预处理器
（）Linter /格式化程序
（）单元测试
（）两端的测试

？ 使用路由器的历史记录模式？ （需要适当的服务器设置以进行生产中的索引回退）（是/否） 这里就是问你路由需不需要history模式，如果添加了会帮我们自动路径里的哈希/#/

这里就是问我们需要用哪个css预设，这个看个人就行。

这里是让我们选择一个代码的格式化程序，也就是eslint的规范

仅具有错误预防功能的ESLint
ESLint + Airbnb配置
ESLint +标准配置
ESLint +严格模式

这是让我们选择检查代码的方式，这里选第一个就可以

这里是问我们babel等配置文件应该放在哪里，为了我们以后自己方便配置这些文件，我们选择第一个，放在专用配置文件里。

这里是问我们以后创建的项目是否需要此次预设，这里选n就行。

现在就开始创建我们的项目模板了。

下篇文章讲vue项目目录的解读。