最近打算把我們的微信端用Vue.js重構(gòu)，為什么選擇Vue.js，一是之前使用的是傳統(tǒng)的asp.net mvc，多頁面應(yīng)用用戶體驗比單頁面要差。二是使用過Angular.js，感覺對開發(fā)人員要求較高，上手難度較大，而Vue.js在這方面有優(yōu)勢 。這里記錄下Vue.js開發(fā)環(huán)境 Nodejs在Windows下的安裝和配置。

第一步：下載 https://nodejs.org/en/ 筆者目前使用V6.10版本（node的偶數(shù)版本是穩(wěn)定版本（長期支持版），奇數(shù)版本可以是開發(fā)版本，主要用于集成新功能，進行一些修改。）

第二步：安裝Node.js，注意選擇安裝位置，建議安裝到C:\nodejs，一路Next直到完成。

第三步：配置npm全局目錄。npm是nodejs包管理工具，類似visual studio的Nuget，該版本nodejs已經(jīng)集成npm打包工具，不需要額外安裝。。如果你想使用默認目錄，可跳過此步驟。一般建議將目錄配置在安裝目錄下。在安裝目錄新建 node_cache，node_global兩個文件夾，進入Node.js command prompt命令行，筆者安裝目錄在C:\nodejs，輸入以下命令配置

npm config set prefix C:\nodejs\node_global

npm config set cache C:\nodejs\node_cache

第四步：配置環(huán)境變量?！拔业碾娔X”右鍵“屬性”-“高級系統(tǒng)設(shè)置”-“高級”-“環(huán)境變量”。如下圖

進入環(huán)境變量對話框，

1：在系統(tǒng)變量下新建"NODE_PATH"，輸入”C:\nodejs\node_global\node_modules“。（ps：這一步相當(dāng)關(guān)鍵。）

2：用戶變量跟nodejs相關(guān)的"PATH"修改為“C:\nodejs\node_global\” (由于改變了module的默認地址，所以上面的用戶變量都要跟著改變一下，要不使用module的時候會導(dǎo)致輸入命令出現(xiàn)“xxx不是內(nèi)部或外部命令，也不是可運行的程序或批處理文件”這個錯誤）

如我的PATH配置原有的為C:\Users\Ling\.dnx\bin;C:\Users\Ling\AppData\Roaming\npm\node_modules，因為更換了目錄，修改為C:\Users\Ling\.dnx\bin;C:\nodejs\node_global\ 注意其中的分號，windows下環(huán)境變量;號代表多個分隔，原有的不用管它，只要修改對應(yīng)的即可。

3：測試配置是否正確。我們安裝nodejs web應(yīng)用開發(fā)框架 express進行配置測試 -g表示全局安裝，安裝完成后輸入node進入node命令，輸入require('express')，正確的話會列出express安裝信息，出錯一般是NODE_PATH安裝不對。

第五步：安裝cnpm

1. 說明：因為npm安裝插件是從國外服務(wù)器下載，受網(wǎng)絡(luò)影響大，可能出現(xiàn)異常，如果npm的服務(wù)器在中國就好了，淘寶團隊干了這事。來自官網(wǎng)：“這是一個完整 npmjs.org 鏡像，你可以用此代替官方版本(只讀)，同步頻率目前為 10分鐘 一次以保證盡量與官方服務(wù)同步?！?/p>

2. 官網(wǎng)：http://npm.taobao.org

3. 安裝：命令提示符執(zhí)行 npm install cnpm -g --registry=https://registry.npm.taobao.org

4. 注意：安裝完后最好查看其版本號cnpm -v或關(guān)閉命令提示符重新打開，安裝完直接使用有可能會出現(xiàn)錯誤

至此，我們完成了Windows下Nodejs的安裝。 

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論