搭建nodejs環境教程
名詞介紹
nodejs
node.js是javascript的一種運行環境,是服務器端的javascript的解釋器。 其性質當於python解釋器。或者Java的JDK。
npm
npm則是包含在node.js裏面的一個包管理工具,就如同linux中的yum倉庫,rpm包管理;如同python中的pip包管理工具一樣。
npm作用:
-
構建項目,我們可以使用npm指令構建出一個前端項目來
-
安裝包,npm有個全局安裝和局部安裝的概念。
全局安裝:
就是安裝到npm全局文件夾下。所有的使用npm的項目都可以導入這些全局安裝的包。
局部安裝:
就是將包安裝到項目內部,只有當前項目能用。
舉例:
如果一個包A全局安裝,那麼項目1和項目2 的js中都可以使用
import xx from 'A'
導入包A。如果一個包A是在項目1局部安裝的,那麼項目2 的js中就不能導入包A。
這樣設計的出發點:
- 每個項目所需要的包不一樣
- 即使是同樣的包,所需要的版本也不一樣
- 如果每個項目都有自己的獨立包就可以解決這個問題
Vue
Vuejs是一個前端框架,這個框架被作爲一個包放在npm的之中。可以使用npm安裝到項目中使用。
安裝node環境
注意
安裝nodejs會附帶安裝npm,所以npm是送的,看下圖的node和npm說明node和npm是一起安裝的。
檢測安裝是否成功
在命令行輸入node點擊回車,如果能進入nodejs運行環境,則說明安裝成功。
改變默認的npm安裝路徑
我們需要配置npm的全局模塊(就是全局包)的存放路徑、cache(緩存)的路徑,改爲nodejs安裝路徑下的node_global
和node_cache
文件夾下。
1、首先我們我們輸入如下命令:
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"
2、其次我們需要配置一下node_global
爲環境變量,否則全局安裝好的模塊不能通過命令行直接使用。
操作步驟:
我的電腦右擊,打開屬性->高級系統設置->環境變量->修改PATH變量添加一個值:C:\Program Files\nodejs\node_global
,確定即可。
3、如果需要這些全局模塊能被項目引用到我們還需要添加一個環境變量,NODE_PATH
,值設置爲C:\Program Files\nodejs\node_global\node_modules\
,這才能確保我們使用require命令導入的時候可以成功導入,因爲我們使用npm或者cnpm安裝的模塊最終都是安裝到node_global下的node_modules文件夾下面的。
安裝npm的替代品cnpm
npm的模塊都是放在國外的服務器上的,所以使用npm安裝的話,速度比較慢,我們可以使用淘寶的模塊管理工具cnpm,服務器在國內,所以下載包的速度會快很多。
要注意,cnpm本質上也是一個npm的模塊,所以我們使用npm安裝模塊的指令安裝cnpm即可,如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
檢測是否安裝成功
命令行輸入cnpm
如果能運行則說明cnpm安裝成功。