创建一个vue-cli3.0项目

首先要全局安装vue-cli  (如果遇到错误,请参考我的另一篇博客https://blog.csdn.net/xiasohuai/article/details/86757003)

npm install -g @vue/cli

 1.创建初始化项目

vue create vue-cli3-project

2.选择一个预设

创建一个vue-cli3.0项目_第1张图片

可以选择默认预设,默认预设包含了babel,eslint

我们选择更多功能 Manually select features

3.插件选择(空格键选择,回车保存)

这边选择了(Babel、Router、Vuex、Css预处理器、Linter / Formatter 格式检查、Unit测试框架)

创建一个vue-cli3.0项目_第2张图片

4.路由模式选择

是否使用 history模式的路由 

 

选择一个css预处理器 (Sass/SCSS)

选择一个eslint配置

这边选择 ESLint + Standard config,个人比较喜欢这个代码规范

选择什么时候进行 eslint 校验

选择(Lint on save)保存是检查

如果你正在使用的vscode编辑器的话,可以配置eslint插件进行代码自动格式化

选择测试框架 (Mocha + Chai)

选择将这些配置文件写入到什么地方 (In dedicated config files)

是否保存这份预配置选项

选是的话,下次创建一个vue项目,可以直接使用这个预设文件,而无需再进行配置。

等待依赖完成。。。。

 

 

 

 

你可能感兴趣的:(webpack,vuejs)