vue-cli的3.x版本的安装使用记录

2.9版本的安装方法

之前都是使用2.9的版本都是一句话 "npm install -g @vue/cli "全局安装就可以了,然后vue create 项目名字(英文,比如:vue-project),cd vue-project(进入这个项目的文件夹)    npm run serve(运行项目)就可以了

3.x版本的安装方法

vue-cli的3.x版本安装就比2.9的要复杂一点

1.npm install -g @vue/cli (如果是2.9的版本升级到3.x版本就是npm uninstall -g vue-cli)

2.安装成功后可以使用 vue -V查看版本号

3.创建项目使用 vue create 项目名称 (但是我每次创建项目的时候都是很慢,因为npm真的很慢,所以可以

npm config set registry https://registry.npm.taobao.org

这样创建项目就不会卡,而且会快了很多)

3.x 版本包括默认预设配置 和 用户自定义配置,在用户自定义配置之后,会询问是否保存当前的配置功能为将来的项目配置的预设值,这样下次可直接使用不需要再次配置。

自定义功能配置包括以下功能:

  1. TypeScript

  2. Progressive Web App (PWA) Support

  3. Router

  4. Vuex

  5. CSS Pre-processors

  6. Linter / Formatter

  7. Unit Testing

  8. E2E Testing

可以根据项目大小和功能体验配置不同的功能,空格键 选中/反选,按a键 全选/全不选,按i键反选已选择项, 上下键 上下移动选择。

创建项目成功后会出现下面的情况

然后cd 项目名称 进入项目文件夹

最后npm run serve (运行项目) 

到了这里vue-cli创建项目就完成了

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值