Vue CLI 的包名称由 vue-cli
改成了 @vue/cli
。
- 先卸载旧版本,
npm uninstall -g vue-cli
- 全局安装:
npm install -g @vue/cli
或yarn global add @vue/cli
vue --version
检查是否安装成功,其版本是否正确 (3.x): - 创建项目 ,name不能使用驼峰命名
vue create hello-world
- 运行:
yarn serve
或npm run serve
- 旧版本2.x
Vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:npm install -g @vue/cli-init
vue init
的运行效果将会跟 vue-cli@2.x 相同vue init webpack my-project
- webpack配置问题
默认不显示webpack配置情况,通过 vue inspect 命令,审查解析好的 webpack 配置。
该命令会将解析出来的 webpack 配置、包括链式访问规则和插件的提示打印到 stdout。
请注意,vue inspect
是vue-cli-service inspect
的别名/代理。
可以将其输出重定向到一个文件以便进行查阅,vue inspect > output.js
注意它输出的并不是一个有效的 webpack 配置文件,而是一个用于审查的被序列化的格式