Vue項目一、node.js和npm的安裝和環境搭建


一、為什么安裝node.js及npm

 

npm

npm是Node.js的包管理工具(package manager),是全球最大的生態系統,同過npm可以找到很多豐富的插件來滿足項目的需求。

a1.現在做webpack的構建、Gulp的構建及grunt的構建,vue項目的開發等插件都需要npm安裝。所以需要安裝npm。

a2.為什么我們需要一個包管理工具呢?因為我們前端開發時,會用到很多別人寫的插件。如果我們要使用別人寫的某個包,每次都根據名稱搜索一下官方網站,下載代碼,解壓,再使用,非常繁瑣。於是一個集中管理的工具應運而生:大家都把自己開發的模塊打包后放到npm官網上,如果要使用,直接通過npm安裝就可以直接用,不用管代碼存在哪,應該從哪下載。

更重要的是,如果我們要使用模塊A,而模塊A又依賴於模塊B,模塊B又依賴於模塊X和模塊Y,npm可以根據依賴關系,把所有依賴的包都下載下來並管理起來。否則,靠我們自己手動管理,肯定既麻煩又容易出錯。

 

 

node.js

npm依賴於node.js的運行環境,Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。所以在開發環境中,需要這兩個環境做為支撐。

 

安裝完成后,node -v、npm -v 查看版本號

升級安裝的npm可以用  npm install -g npm

因為npm為國外的站點所以下載比較慢,所以建議大家用淘寶鏡像(cnpm)

npm install -g cnpm 

 

Windows 上安裝 Node.js

你可以采用以下兩種方式來安裝。

1、Windows 安裝包(.msi)

下載:https://nodejs.org/en/download/

步驟 1 : 雙擊下載后的安裝包 v0.10.26,如下所示:

install-node-msi-version-on-windows-step1

步驟 2 : 點擊以上的Run(運行),將出現如下界面:

install-node-msi-version-on-windows-step2

步驟 3 : 勾選接受協議選項,點擊 next(下一步) 按鈕 :

install-node-msi-version-on-windows-step3

步驟 4 : Node.js默認安裝目錄為 "C:\Program Files\nodejs\" , 你可以修改目錄,並點擊 next(下一步):

install-node-msi-version-on-windows-step4

步驟 5 : 點擊樹形圖標來選擇你需要的安裝模式 , 然后點擊下一步 next(下一步)

install-node-msi-version-on-windows-step5

步驟 6 :點擊 Install(安裝) 開始安裝Node.js。你也可以點擊 Back(返回)來修改先前的配置。 然后並點擊 next(下一步):

install-node-msi-version-on-windows-step6

安裝過程:

install-node-msi-version-on-windows-step7

點擊 Finish(完成)按鈕退出安裝向導。

install-node-msi-version-on-windows-step8

檢測PATH環境變量是否配置了Node.js,點擊開始=》運行=》輸入"cmd" => 輸入命令"path",輸出如下結果:

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\; c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib; C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\; C:\Users\rg\AppData\Roaming\npm

我們可以看到環境變量中已經包含了C:\Program Files\nodejs\

檢查Node.js版本

node-version-test

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM