vue-cli3.x 基础安装使用

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

  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链接

    原文作者:long喵
    原文地址: https://segmentfault.com/a/1190000020066164
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞