vue/cli升級4.04版本,一步到位

1.完全卸載vue-cli :
-: sudo npm uninstall vue-cli -g
2.完全卸載vue:
-: sudo npm uninstall vue-g
這樣可以排出後面創建項目因爲版本不一致報錯:

Error:
Vue packages version mismatch:

  • [email protected] (/usr/local/lib/node_modules/vue/dist/vue.runtime.common.js)
  • [email protected] (/usr/local/lib/node_modules/@vue/cli/node_modules/vue-template-compiler/package.json)

3.全局安裝@vue/cli:
-:sudo npm install -g @vue/cli
-:vue --version

@vue/cli 4.0.4

4:安裝vue sever全局擴展
-: npm install -g @vue/cli-service-global

開始搬磚
https://cli.vuejs.org/zh/guide/creating-a-project.html

5:創建項目並啓動
-:vue create hello-world
-:cd hello-word
-:npm run serve
6:當然,也可以圖形化創建vue-cli
-:vue ui
image.png

訪問:http://localhost:8080/
貌似去掉了頭疼的‘#’
image.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章