首先要全局安装vue-cli (如果遇到错误,请参考我的另一篇博客https://blog.csdn.net/xiasohuai/article/details/86757003)
npm install -g @vue/cli
1.创建初始化项目
vue create vue-cli3-project
2.选择一个预设
可以选择默认预设,默认预设包含了babel
,eslint
我们选择更多功能 Manually select features
3.插件选择(空格键选择,回车保存)
这边选择了(Babel、Router、Vuex、Css预处理器、Linter / Formatter 格式检查、Unit测试框架)
4.路由模式选择
是否使用 history
模式的路由
选择一个css预处理器 (Sass/SCSS)
选择一个eslint配置
这边选择 ESLint + Standard config
,个人比较喜欢这个代码规范
选择什么时候进行 eslint
校验
选择(Lint on save)保存是检查
如果你正在使用的vscode编辑器的话,可以配置eslint插件进行代码自动格式化
选择测试框架 (Mocha + Chai)
选择将这些配置文件写入到什么地方 (In dedicated config files)
是否保存这份预配置选项
选是的话,下次创建一个vue项目,可以直接使用这个预设文件,而无需再进行配置。
等待依赖完成。。。。