環(huán)境配置
說明:這里的環(huán)境配置主要配置的是npm安裝的全局模塊所在的路徑,以及緩存cache的路徑弃锐。
配置原因是為了避免執(zhí)行全局安裝語句(如: npm install vue-cli -g)時,將安裝的模塊安裝到c盤,占用c盤空間讹蘑。
例如:
我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中怀樟,則在我安裝的文件夾【D:\Develop\nodejs】下創(chuàng)建兩個文件夾【node_global】及【node_cache】如下圖:
創(chuàng)建兩個以上空文件夾后功偿,在cmd命令窗口輸入以下命令:
npm config set prefix"D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"
關(guān)閉cmd窗口,配置相關(guān)環(huán)境變量
步驟:我的電腦-右鍵-屬性-高級系統(tǒng)設(shè)置-高級-環(huán)境變量
進入環(huán)境變量對話框
系統(tǒng)變量: 點擊新建往堡,變量名:NODE_PATH 變量值:D:\Develop\nodejs\node_global\node_modules
用戶變量:選中Path變量械荷,修改變量值:D:\Develop\nodejs\node_global
修改完成后共耍,點擊完成,就好了吨瞎。
-
在node.js的官網(wǎng)https://nodejs.org/下載安裝程,雙擊安裝痹兜。
-
安裝后,打開運行命令窗口颤诀,輸入cmd字旭。輸入node -v,測試是否安裝成功,會輸出版本信息崖叫。
新的node.js已經(jīng)集成了npm遗淳,所以npm也一并裝好了,輸入npm -v測試心傀,會輸出版本信息屈暗。
-
先配置npm的全局模塊的存放路徑以及cache路徑:
npm config set prefix "D:\Program Files (x86)\nodejs\node_global"
npm config set cache "D:\Program Files (x86)\nodejs\node_cache"
-
安裝express模塊。
命令行里輸入npm install express -g
-g 意思是裝在global目錄下剧包,即上面的D:\Program Files (x86)\nodejs\node_global恐锦;
-
查看是否安裝成功。進入到全局的D:\Program Files (x86)\nodejs\node_global目錄下疆液,輸入node 回車一铅,輸入require("express");出現(xiàn)以下信息即安裝成功。
ps:退出nodejs終端命令行堕油,ctrl+D一次 或 ctrl+C兩次 或輸入“ .exit” 即可
-
express命令的使用潘飘,查看版本信息。輸入express -V ,提示express不是內(nèi)部或外部命令掉缺。
因為express4.x中將命令工具分離出來了卜录,所有需要先裝express-generator。
命令行輸入:npm install -g express-generator眶明,即安裝成功艰毒。
-
使用express命令前,還需要配置下環(huán)境變量搜囱。
打開計算機丑瞧,系統(tǒng)屬性——高級系統(tǒng)設(shè)置——環(huán)境變量;在系統(tǒng)變量下蜀肘,新建NODE_PATH绊汹,值為D:\Program Files (x86)\nodejs\node_global(全局路徑),將“%NODE_PATH%”到path變量值后面即可扮宠。
[圖片上傳失敗...(image-bc52b7-1518954497916)]
[圖片上傳失敗...(image-f41cec-1518954497916)]
[圖片上傳失敗...(image-5dee2d-1518954497916)]
-
測試express命令西乖。命令行下輸入express -V
顯示版本信息,即安裝成功。
PS:express -V 中的V 必須是大寫的获雕。