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

創(chuàng)新互聯(lián)長(zhǎng)期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為陽(yáng)春企業(yè)提供專(zhuān)業(yè)的網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)，陽(yáng)春網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

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

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

第三步：配置npm全局目錄。npm是nodejs包管理工具，類(lèi)似visual studio的Nuget，該版本nodejs已經(jīng)集成npm打包工具，不需要額外安裝。。如果你想使用默認(rèn)目錄，可跳過(guò)此步驟。一般建議將目錄配置在安裝目錄下。在安裝目錄新建 node_cache，node_global兩個(gè)文件夾，進(jìn)入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”右鍵“屬性”-“高級(jí)系統(tǒng)設(shè)置”-“高級(jí)”-“環(huán)境變量”。如下圖

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

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的默認(rèn)地址，所以上面的用戶變量都要跟著改變一下，要不使用module的時(shí)候會(huì)導(dǎo)致輸入命令出現(xiàn)“xxx不是內(nèi)部或外部命令，也不是可運(yùn)行的程序或批處理文件”這個(gè)錯(cuò)誤）

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

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

第五步：安裝cnpm

1. 說(shuō)明：因?yàn)閚pm安裝插件是從國(guó)外服務(wù)器下載，受網(wǎng)絡(luò)影響大，可能出現(xiàn)異常，如果npm的服務(wù)器在中國(guó)就好了，淘寶團(tuán)隊(duì)干了這事。來(lái)自官網(wǎng)：“這是一個(gè)完整 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. 注意：安裝完后最好查看其版本號(hào)cnpm -v或關(guān)閉命令提示符重新打開(kāi)，安裝完直接使用有可能會(huì)出現(xiàn)錯(cuò)誤

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。