vue-cli3.x 基础安装使用

Vue CLI 的包名称由 vue-cli 改为了 @vue/clivue

  1. 先卸载旧版本, npm uninstall -g vue-cli
  2. 全局安装: npm install -g @vue/cliyarn global add @vue/cli
    vue --version 检查是否安装成功,其版本是否正确 (3.x):
  3. 建立项目 ,name不能使用驼峰命名
    vue create hello-world
  4. 运行: yarn servenpm run serve
  5. 旧版本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
  6. webpack配置问题
    默认不显示webpack配置状况,经过 vue inspect 命令,审查解析好的 webpack 配置。
    该命令会将解析出来的 webpack 配置、包括链式访问规则和插件的提示打印到 stdout。
    请注意,vue inspectvue-cli-service inspect的别名/代理。
    能够将其输出重定向到一个文件以便进行查阅,vue inspect > output.js
    注意它输出的并非一个有效的 webpack 配置文件,而是一个用于审查的被序列化的格式

vue-cli3连接webpack

相关文章
相关标签/搜索