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