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

相關文章
相關標籤/搜索