创建一个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.选择一个预设

可以选择默认预设,默认预设包含了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项目,可以直接使用这个预设文件,而无需再进行配置。

等待依赖完成。。。。

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值