Vue CLI 3.0踩坑记录

本文档记录了在MacOS环境下使用Vue CLI 3.0时遇到的问题,包括安装过程中的权限问题,项目的创建,如何切换包管理器和npm镜像源,以及如何自定义Webpack配置。在安装时,可能需要卸载旧版vue-cli并使用sudo。项目创建可选择默认或手动配置。可以通过.vuerc文件设定包管理器和镜像源。Vue CLI 3.0的Webpack配置不再直接暴露配置文件,而是通过vue.config.js进行修改。
摘要由CSDN通过智能技术生成

vue cli 3.0和之前的脚手架不太一样,记录下新特性及踩坑记录。以下均在MacOS环境下进行。

官网:https://cli.vuejs.org/zh/guide/installation.html

安装

vue-cli包名称由vue-cli改成了@vue/cli,如果全局安装过旧版本的vue-cli,先卸载。遇到permissions denied等权限问题,命令前加sudo。

1、卸载

$ npm uninstall vue-cli -g
# or
$ yarn global remove vue-cli

2、安装

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

创建项目


$ vue create example.project

可以选择默认配置,也可以手动配置。

切换包管理器、npm镜像源

可通过~/.vuerc(windows路径C:/user/administrator)文件来设置包管理器和镜像源。.vuerc文件是在初次使用vue create时配置生成的,之后会按照第一次选择的配置进行项目创建。

{
  "useTaobaoRegistry": true,
  "packageManager": &#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值