解決vue-cli@3.xx安裝不成功的問題及搭建ts-vue項目
更新時間：2020年02月09日 14:32:23 作者：JJYin
這篇文章主要介紹了解決vue-cli@3.xx安裝不成功的問題及搭建ts-vue項目.文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
今天嘗試了下安裝vue-cli@3.xx，但是安裝了很多遍都失敗了。
最后訪問了一下vue-cli的官方安裝指南網(wǎng)站https://cli.vuejs.org/zh/guide/installation.html嘗試找出些原因。
根據(jù)描述
我順藤摸瓜地看了看我本地的node版本。
首先，我之前有在使用nvm管理工具，但是之前有段時間安裝node搞得不順暢，就很少理會這塊了。今天為了保險起見，再次安裝一下。
// 安裝nvm curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash
然后在控制臺發(fā)現(xiàn)nvm指令無效。
zsh: command not found: nvm
我想這是因為我后來安裝了控制臺的一個相關工具的問題。
接著在網(wǎng)上找了些方法，嘗試跟著以下的方法執(zhí)行一下，可行。
export NVM_DIR="/Users/你的主機/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
之后查看了我當前的ndoe版本，只有v8.9.1。
很有可能是因為node版本太低了。
之后我安裝了一個稍微高一點的版本。
nvm install v11.0.0
查看當前的node版本號。
再次嘗試安裝@vue/cli
npm i -g @vue/cli
這次沒有報錯了。
查看vue版本也沒問題。
vue --version
接著嘗試打開一下vue ui，創(chuàng)建一個項目。
控制臺輸入
vue ui
接著瀏覽器就會自動打開Vue項目管理器的頁面，接著就可以在這上面創(chuàng)建項目了。
使用這個@vue/cli能夠快速在vue ui中搭建一個ts相關的項目。
創(chuàng)建成功后，頁面長這樣：
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue項目中禁用瀏覽器緩存配置案例,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下2021-09-09
Vue.js的解析順序可以概括為:模板編譯、組件創(chuàng)建、數(shù)據(jù)渲染、事件處理和生命周期鉤子函數(shù)執(zhí)行,接下來通過本文給大家介紹vue 組件數(shù)據(jù)加載解析順序的完整代碼,感興趣的朋友跟隨小編一起看看吧2024-03-03
這篇文章主要介紹了vue3.2中的vuex使用詳解,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
本文通過實例代碼給大家介紹vue實現(xiàn)3D標簽云的方法，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2021-07-07
這篇文章主要為大家詳細介紹了vue滾動軸插件better-scroll的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要給大家介紹了關于Vue中keep-alive組件的深入理解，文中通過實例代碼結束的非常詳細，對大家學習或者使用Vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2020-08-08
這篇文章主要介紹了淺談Vue頁面級緩存解決方案feb-alive(下),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要為大家介紹了Vant中Popover氣泡彈出框位置錯亂問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
與后端生成二維碼相比,前端生成二維碼更具有靈活性,下面這篇文章主要給大家介紹了關于Vue中兩種生成二維碼(帶logo)并下載的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-03-03
在Vue中使用Viser說明(基于AntV-G2可視化引擎)
這篇文章主要介紹了在Vue中使用Viser說明(基于AntV-G2可視化引擎)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10