vue/cli 3.0脚手架搭建

Vue CLI 3.0搭建

如今,官方文档已经升级3.0,在 vue-cli 3.0中,我们需要重新配置:

如果你已经安装了vue 2.9.6 的话,则需要先将其删除:

npm uninstall -g vue-cli 

更新Vue-cli 指令:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

查看版本: 

vue --version

 接下来就可以构建项目了,输入指令:vue create test (test为项目名)

vue create test

è¿éåå¾çæè¿° 

选中默认配置:选择 [默认] 将直接开始安装 

 

选中自定义配置:选择 [自定义] 
方向键上下移动,空格选中,Enter确定,自定义配置中,您将会看到这些配置项: 

è¿éåå¾çæè¿°

自定义细节配置
是否使用class风格的组件语法 

è¿éåå¾çæè¿°

是否使用babel做转义 

è¿éåå¾çæè¿°

选择CSS预处理类型 

è¿éåå¾çæè¿°

选择语法检测规范 

è¿éåå¾çæè¿°

选择 保存时检查 / 提交时检查 

è¿éåå¾çæè¿°

选择配置信息存放位置,单独存放或者并入package.json è¿éåå¾çæè¿°

是否保存当前预设,下次构建无需再次配置 

è¿éåå¾çæè¿°

完成安装


è¿éåå¾çæè¿°

根据项目要求自定义配置 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值