解決vue-cli@3.xx安裝不成功的問(wèn)題及搭建ts-vue項(xiàng)目
今天嘗試了下安裝vue-cli@3.xx，但是安裝了很多遍都失敗了。
最后訪問(wèn)了一下vue-cli的官方安裝指南網(wǎng)站https://cli.vuejs.org/zh/guide/installation.html嘗試找出些原因。
根據(jù)描述
我順藤摸瓜地看了看我本地的node版本。
首先，我之前有在使用nvm管理工具，但是之前有段時(shí)間安裝node搞得不順暢，就很少理會(huì)這塊了。今天為了保險(xiǎn)起見(jiàn)，再次安裝一下。
// 安裝nvm curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash
然后在控制臺(tái)發(fā)現(xiàn)nvm指令無(wú)效。
zsh: command not found: nvm
我想這是因?yàn)槲液髞?lái)安裝了控制臺(tái)的一個(gè)相關(guān)工具的問(wèn)題。
接著在網(wǎng)上找了些方法，嘗試跟著以下的方法執(zhí)行一下，可行。
export NVM_DIR="/Users/你的主機(jī)/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
之后查看了我當(dāng)前的ndoe版本，只有v8.9.1。
很有可能是因?yàn)閚ode版本太低了。
之后我安裝了一個(gè)稍微高一點(diǎn)的版本。
nvm install v11.0.0
查看當(dāng)前的node版本號(hào)。
再次嘗試安裝@vue/cli
npm i -g @vue/cli
這次沒(méi)有報(bào)錯(cuò)了。
查看vue版本也沒(méi)問(wèn)題。
vue --version
接著嘗試打開(kāi)一下vue ui，創(chuàng)建一個(gè)項(xiàng)目。
控制臺(tái)輸入
vue ui
接著瀏覽器就會(huì)自動(dòng)打開(kāi)Vue項(xiàng)目管理器的頁(yè)面，接著就可以在這上面創(chuàng)建項(xiàng)目了。
使用這個(gè)@vue/cli能夠快速在vue ui中搭建一個(gè)ts相關(guān)的項(xiàng)目。
創(chuàng)建成功后，頁(yè)面長(zhǎng)這樣：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue2中多種常用全局自定義指令的封裝,包括一鍵復(fù)制,一鍵長(zhǎng)按,圖片懶加載等功能,感興趣的小伙伴可以了解下2025-02-02
基于vue+uniapp直播項(xiàng)目實(shí)現(xiàn)uni-app仿抖音/陌陌直播室功能
uni-liveShow是一個(gè)基于vue+uni-app技術(shù)開(kāi)發(fā)的集小視頻/IM聊天/直播等功能于一體的微直播項(xiàng)目。本文通過(guò)實(shí)例圖文的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2019-11-11
這篇文章主要介紹了Vue js如何用split切分并去掉空值和item的空格，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
Vue 固定頭 固定列 點(diǎn)擊表頭可排序的表格組件
這篇文章主要介紹了Vue 固定頭 固定列 點(diǎn)擊表頭可排序的表格組件的相關(guān)資料,需要的朋友可以參考下2016-11-11
vue3頁(yè)面query參數(shù)變化并重新加載頁(yè)面數(shù)據(jù)方式
在Web開(kāi)發(fā)中,頁(yè)面間的跳轉(zhuǎn)及數(shù)據(jù)刷新是常見(jiàn)問(wèn)題,通過(guò)使用$router.push和$router.replace方法,可以控制頁(yè)面跳轉(zhuǎn)的行為,具體操作時(shí),若發(fā)現(xiàn)頁(yè)面ID變更后數(shù)據(jù)未刷新,可通過(guò)給router-view標(biāo)簽添加key值解決,若使用keep-alive2024-10-10
Vue進(jìn)階之CodeMirror的應(yīng)用小結(jié)
CodeMirror支持在線編輯代碼，風(fēng)格包括js, java, php, c++等等100多種語(yǔ)言，下面這篇文章主要來(lái)和大家講講CodeMirror的應(yīng)用，感興趣的可以了解一下2023-06-06
淺談VueUse中useAsyncState的實(shí)現(xiàn)原理
useAsyncState?是 VueUse 庫(kù)中提供的一個(gè)實(shí)用工具,它用于處理異步狀態(tài),本文主要介紹了VueUse中useAsyncState的實(shí)現(xiàn)及其原理,具有一定的參考價(jià)值,感興趣的可以了解一下2024-08-08
Vue3中關(guān)于ref和reactive的問(wèn)題
這篇文章主要介紹了Vue3中關(guān)于ref和reactive的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
單文件就是把一個(gè)頁(yè)面拆分為多個(gè),多層次的組件,通過(guò)多層引用,大大縮小vue文件的長(zhǎng)度和頁(yè)面復(fù)雜度,下面這篇文章主要給大家介紹了關(guān)于vue3單文件組件中style特性的相關(guān)資料,需要的朋友可以參考下2021-09-09
vue3 el-form-item如何自定義label標(biāo)簽內(nèi)容
這篇文章主要介紹了vue3 el-form-item如何自定義label標(biāo)簽內(nèi)容問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10