解決vue-cli@3.xx安裝不成功的問題及搭建ts-vue項目

今天嘗試了下安裝vue-cli@3.xx，可是安裝了不少遍都失敗了。

最後訪問了一下vue-cli的官方安裝指南網站https://cli.vuejs.org/zh/guid...嘗試找出些緣由。

根據描述

我順藤摸瓜地看了看我本地的node版本。

首先，我以前有在使用nvm管理工具，可是以前有段時間安裝node搞得不暢，就不多理會這塊了。今天爲了保險起見，再次安裝一下。

// 安裝nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash

而後在控制檯發現nvm指令無效。

zsh: command not found: nvm

我想這是由於我後來安裝了控制檯的一個相關工具的問題。

接着在網上找了些方法，嘗試跟着如下的方法執行一下，可行。

解決zsh: command not found: nvm的問題

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，建立一個項目。

控制檯輸入

vue ui

接着瀏覽器就會自動打開Vue項目管理器的頁面，接着就能夠在這上面建立項目了。

使用這個@vue/cli可以快速在vue ui中搭建一個ts相關的項目。

建立成功後，頁面長這樣：