最近打算把咱們的微信端用Vue.js重構,爲何選擇Vue.js,一是以前使用的是傳統的asp.net mvc,多頁面應用用戶體驗比單頁面要差。二是使用過Angular.js,感受對開發人員要求較高,上手難度較大,而Vue.js在這方面有優點 。這裏記錄下Vue.js開發環境 Nodejs在Windows下的安裝和配置。
第一步:下載
第二步:安裝Node.js
注意選擇安裝位置,建議安裝到C:\nodejs,一路Next直到完成。
第三步:配置npm全局目錄
npm是nodejs包管理工具,相似visual studio的Nuget,該版本nodejs已經集成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
第四步:配置環境變量
「個人電腦」右鍵「屬性」-「高級系統設置」-「高級」-「環境變量」。以下圖
進入環境變量對話框,
1:在系統變量下新建"NODE_PATH",輸入」C:\nodejs\node_global\node_modules「。(ps:這一步至關關鍵。)
2:測試配置是否正確。咱們安裝nodejs web應用開發框架 express進行配置測試 -g表示全局安裝,安裝完成後輸入node進入node命令,輸入require('express'),正確的話會列出express安裝信息,出錯通常是NODE_PATH安裝不對。
第五步:安裝cnpm
1. 說明:由於npm安裝插件是從國外服務器下載,受網絡影響大,可能出現異常,若是npm的服務器在中國就行了,淘寶團隊幹了這事。來自官網:「這是一個完整 npmjs.org 鏡像,你能夠用此代替官方版本(只讀),同步頻率目前爲 10分鐘 一次以保證儘可能與官方服務同步。」
4. 注意:安裝完後最好查看其版本號cnpm -v或關閉命令提示符從新打開,安裝完直接使用有可能會出現錯誤
至此,咱們完成了Windows下Nodejs的安裝。