解決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
我想這是因為我后來安裝了控制臺的一個相關(guān)工具的問題。
接著在網(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相關(guān)的項目。
創(chuàng)建成功后，頁面長這樣：
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了Vue2中多種常用全局自定義指令的封裝,包括一鍵復制,一鍵長按,圖片懶加載等功能,感興趣的小伙伴可以了解下2025-02-02
基于vue+uniapp直播項目實現(xiàn)uni-app仿抖音/陌陌直播室功能
uni-liveShow是一個基于vue+uni-app技術(shù)開發(fā)的集小視頻/IM聊天/直播等功能于一體的微直播項目。本文通過實例圖文的形式給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2019-11-11
這篇文章主要介紹了Vue js如何用split切分并去掉空值和item的空格，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了Vue 固定頭 固定列 點擊表頭可排序的表格組件的相關(guān)資料,需要的朋友可以參考下2016-11-11
vue3頁面query參數(shù)變化并重新加載頁面數(shù)據(jù)方式
在Web開發(fā)中,頁面間的跳轉(zhuǎn)及數(shù)據(jù)刷新是常見問題,通過使用$router.push和$router.replace方法,可以控制頁面跳轉(zhuǎn)的行為,具體操作時,若發(fā)現(xiàn)頁面ID變更后數(shù)據(jù)未刷新,可通過給router-view標簽添加key值解決,若使用keep-alive2024-10-10
CodeMirror支持在線編輯代碼，風格包括js, java, php, c++等等100多種語言，下面這篇文章主要來和大家講講CodeMirror的應用，感興趣的可以了解一下2023-06-06
淺談VueUse中useAsyncState的實現(xiàn)原理
useAsyncState?是 VueUse 庫中提供的一個實用工具,它用于處理異步狀態(tài),本文主要介紹了VueUse中useAsyncState的實現(xiàn)及其原理,具有一定的參考價值,感興趣的可以了解一下2024-08-08
這篇文章主要介紹了Vue3中關(guān)于ref和reactive的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
單文件就是把一個頁面拆分為多個,多層次的組件,通過多層引用,大大縮小vue文件的長度和頁面復雜度,下面這篇文章主要給大家介紹了關(guān)于vue3單文件組件中style特性的相關(guān)資料,需要的朋友可以參考下2021-09-09
vue3 el-form-item如何自定義label標簽內(nèi)容
這篇文章主要介紹了vue3 el-form-item如何自定義label標簽內(nèi)容問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10