相關推薦：
1.《》
2.《》
一、node 安裝設定
1．下載node的安裝版本：https://nodejs.org/en/download/ 直接「下一步」就可以了，
安裝完成後頁面提示：
This package has installed:
• Node.js v14.17.4 to /usr/local/bin/node
• npm v6.14.14 to /usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH.
1）安裝完成後，使用命令測試，檢視node版本：node -v
2）由於新版本的node會連同npm一起安裝好，所以不用刻意安裝npm
測試是否安裝npm並檢視版本 npm -v
3）如果安裝版本是舊的版本可以使用npm命令升級：
$sudo npm install npm -g
4）使用cnpm 代替npm （可選）
原因：npm 安裝一些依賴的時候走的是國外的一些網站
cnpm可以節省安裝依賴的時間，具體的可以到網上檢視，但是沒有必要，只知道速度快就好了
安裝語法：
$sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
如果本地有專案想執行起來，就切換到專案目錄下執行以下命令，否則先執行【Vue安裝設定】：
（1)$sudo npm install （2) $sudo npm run dev #注意每次都要執行這行命令
二、Vue安裝設定
1．通過nmp 安裝vue-cli腳手架 [Vue腳手架工具就是一個快速生成Vue專案結構的命令列工具] ：
$sudo npm install -g vue-cli
測試是否安裝成功：vue 不報錯，沒有not command found 等字樣就可以了[安裝成功後可以使用vue -V命令檢測是否安裝成功,安裝成功則會顯示出當前安裝的腳手架的版本號]
2. 建立vue的專案，需要使用webpack
$sudo vue init webpack qing #如我的專案名qing
裡面會確認一些東西 如project name專案名什麼的，根據專案來確定「yes」 「no」 例如下面：
? Project name yes ? Project description yes ? Author yes ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Set up unit tests Yes ? Pick a test runner jest ? Setup e2e tests with Nightwatch? Yes ? Should we run `npm install` for you after the project has been created? (recom mended) npm vue-cli · Generated "qing".
3. 進入到專案目錄
cd qing #如我的專案名qing
4. 安裝依賴：
如果已經安裝cnpm 使用:
$sudo cnpm install
如果沒有安裝 使用:
$sudo npm install
安裝成功後如下面提示：
up to date, audited 1854 packages in 39s 59 packages are looking for funding run `npm fund` for details 65 vulnerabilities (27 low, 19 moderate, 18 high, 1 critical) To address issues that do not require attention, run: npm audit fix To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details.
5. 全部安裝好之後就可以執行了，
注意每次執行之前，最好都使用命令啟動一次
$sudo npm run dev
這是我整理的筆記，這個雖然看起來很簡單，但是我第一次安裝時出了很多問題。網路有部分原因。有的命令執行需要翻牆。
以上就是MAC環境下安裝node、vue等環境設定的詳細內容，更多請關注TW511.COM其它相關文章！