這篇文章主要為大家展示了“MAC環(huán)境下如何安裝node、vue等環(huán)境配置”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“MAC環(huán)境下如何安裝node、vue等環(huán)境配置”這篇文章吧。

巴彥淖爾網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)建站成立于2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

一、node 安裝配置

1．下載node的安裝版本：https://nodejs.org/en/download/  直接“下一步”就可以了，

安裝完成后頁(yè)面提示：

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）安裝完成后，使用命令測(cè)試，查看node版本：node -v

2）由于新版本的node會(huì)連同npm一起安裝好，所以不用刻意安裝npm

測(cè)試是否安裝npm并查看版本   npm -v

3）如果安裝版本是舊的版本可以使用npm命令升級(jí)：

$sudo npm install npm -g

4）使用cnpm 代替npm （可選）

原因：npm 安裝一些依賴的時(shí)候走的是國(guó)外的一些網(wǎng)站

cnpm可以節(jié)省安裝依賴的時(shí)間，具體的可以到網(wǎng)上查看，但是沒有必要，只知道速度快就好了

安裝語法：

$sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

如果本地有項(xiàng)目想運(yùn)行起來，就切換到項(xiàng)目目錄下執(zhí)行以下命令，否則先執(zhí)行【Vue安裝配置】：

（1)$sudo npm install    
（2) $sudo npm run dev  #注意每次都要運(yùn)行這行命令

二、Vue安裝配置

1．通過nmp 安裝vue-cli腳手架 [Vue腳手架工具就是一個(gè)快速生成Vue項(xiàng)目結(jié)構(gòu)的命令行工具] ：

 $sudo npm install -g vue-cli

測(cè)試是否安裝成功：vue  不報(bào)錯(cuò)，沒有not command found 等字樣就可以了[安裝成功后可以使用vue -V命令檢測(cè)是否安裝成功,安裝成功則會(huì)顯示出當(dāng)前安裝的腳手架的版本號(hào)]

2.  創(chuàng)建vue的項(xiàng)目，需要使用webpack

$sudo vue init  webpack qing        #如我的項(xiàng)目名qing

里面會(huì)確認(rèn)一些東西 如project name項(xiàng)目名什么的，根據(jù)項(xiàng)目來確定“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.  進(jìn)入到項(xiàng)目目錄

cd qing   #如我的項(xiàng)目名qing

4.  安裝依賴：

如果已經(jīng)安裝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.   全部安裝好之后就可以運(yùn)行了，

注意每次運(yùn)行之前，最好都使用命令啟動(dòng)一次

$sudo npm run dev

這是我整理的筆記，這個(gè)雖然看起來很簡(jiǎn)單，但是我第一次安裝時(shí)出了很多問題。網(wǎng)絡(luò)有部分原因。有的命令執(zhí)行需要翻墻。

以上是“MAC環(huán)境下如何安裝node、vue等環(huán)境配置”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：MAC環(huán)境下如何安裝node、vue等環(huán)境配置
文章分享：http://chinadenli.net/article22/ppcgcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、品牌網(wǎng)站建設(shè)、Google、品牌網(wǎng)站設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)