我與VueJs第12天_Vue Cli的使用





首先用
指令:
vue list
可以看專案模板有哪幾種
這裡選擇用webpack-simple即可(template-name參數要串的內容)
指令:
vue init {template-name} {專案名稱}
輸入後就會開始要你填寫跟問一些專案名稱跟作者、描述等資訊
enter一直到最後就會產生好專案




這裡要注意只要看到有package.json代表都是需要補安裝相依套件的
移動到package.json的下一層專案內目錄後
下npm install



Vue怎麼全域性下載最新都只能安裝到2.9.6?

而在近期嘗試透過
npm install -g vue-cli
要來載最新無論Vue3.x 或甚至到4以上的版本都無法成功


主要可能原因在於

Reason1.我們本機採用的npm (nodejs)版本可能過低的關係
vue-cli3本身至少要 nodeJs ≧ 8.11
Reason2.還有一點就是套件名稱vue-cli 最高只到2.x版的Vue
新版的Vue3.x 對應cli 套件名稱有更換!!!
不能用
npm install -g vue-cli
要改用
npm install -g @vue/cli





這邊要先釐清一下
Vue3.0 跟Vue-Cli3 是不同的

也沒有所謂的Vue4只有最新出到Vue-Cli4.x多的本身還是給Vue3.0開發用

建議可先將舊版卸載
npm uninstall -g vue-cli 

在一台電腦開發環境中也不太能夠兩個版本混用
這是比較麻煩的



Ref:
vue版本一直是2.9.6版本

vue-cli 更新遇到的问题,卸载不掉旧版本2.9.6(可行)


【最新】vue-cli 版本始終是2.9.6的處理辦法,以及升級到最新的vue腳手架的辦法


[ Vue3.0 ] 使用 Vue 3.0 / Vue-cli 4 開發 i18n 國際化 多國語言功能









留言

這個網誌中的熱門文章

何謂淨重(Net Weight)、皮重(Tare Weight)與毛重(Gross Weight)

Architecture(架構) 和 Framework(框架) 有何不同?_軟體設計前的事前規劃的藍圖概念

經得起原始碼資安弱點掃描的程式設計習慣培養(五)_Missing HSTS Header