一、安装vue-cli 3
- 安装vuecli3之前需要卸载旧版本vuecli2
npm uninstall vue-cli -g
- 安装vuecli3
npm install -g @vue/cli
- 查看当前vuecli版本
vue --version
- 通过vuecli3脚手架创建vue项目
vue create my-project
二、项目初始配置
运行vue create my-project后:
Vue CLI v3.0.0-beta.6
? Please pick a preset: (Use arrow keys)
> xs-default (vue-router, vuex, stylus, babel, pwa, eslint, unit-jest) // 这是我运行过之后的默认设置,第一次执行create是没有的
default (babel, eslint) // 默认配置
Manually select features // 手动配置
现在选择Manually select features来演示手动配置:
三、回顾vue-cli 2 创建项目
四、问题及解决
1、使用vuecli2时在vue init webpack my-project卡住问题:问题探索
发现其实是npm install中的问题,解决方法,安装淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
2、如果需要在vuecli3下使用旧版本的vue init 功能,需要安装桥接工具:
npm install -g @vue/cli-init-g
3、解决npm run dev后浏览器不自动打开的问题:解决方法