第一步:安裝nodejs
1.在官網(wǎng)下載.msi后綴的安裝軟件扔水,以下是官網(wǎng)地址:http://nodejs.cn/download(在windows下安裝默認(rèn)選擇全部組件)
2.雙擊打開安裝軟件,可自定義安裝地址钥弯,各種點(diǎn)擊next,最后點(diǎn)擊install安裝即可
3.安裝完后打開命令提示符督禽,輸入node -v即可查看Node的版本(若在這之前已經(jīng)打開命令提示符脆霎,輸入該指令會(huì)顯示‘node’不是內(nèi)部或外部命令,也不是可運(yùn)行的程序或批處理文件狈惫,所以需要重新打開命令提示符窗口輸入相應(yīng)指令查看版本)睛蛛,新版的Nodejs集成了npm所以npm也幫你安裝好了,同樣可以輸入npm -v的指令來(lái)查看是否已安裝成功胧谈。
4.小伙伴們看了上面的圖想問(wèn)這個(gè)npm是個(gè)啥忆肾?
npm是Node.js的包管理工具,中文文檔的地址是:https://www.npmjs.com.cn/菱肖,
里面是這樣介紹的:“它是世界上最大的軟件注冊(cè)表客冈,每星期大約有 30 億次的下載量,包含超過(guò) 600000 個(gè) 包(package) (即稳强,代碼模塊)场仲。來(lái)自各大洲的開源軟件開發(fā)者使用 npm 互相分享和借鑒。包的結(jié)構(gòu)使您能夠輕松跟蹤依賴項(xiàng)和版本退疫∏疲”,也就是說(shuō)蹄咖,有很多小伙伴把他們?cè)斓妮喿庸蚕砹顺鰜?lái)褐健,不管這些包有何模塊關(guān)系,npm工具都會(huì)去查找所有你需要使用的包并且下載到本地供你使用澜汤。
你可以使用npm -v的指令來(lái)查看你的npm是否成功安裝蚜迅。
第二步:配置環(huán)境變量
新版的Nodejs已經(jīng)幫你配置好了環(huán)境變量了哦,可以通過(guò)查看你電腦的屬性中的系統(tǒng)環(huán)境變量俊抵,會(huì)發(fā)現(xiàn)path環(huán)境變量中配置了node.exe的目錄路徑谁不,在命令操作符中輸入set path可查看nodejs的配置:
第三步:安裝個(gè)模塊試試?
在dos窗口輸入指令npm install express -g即可安裝此包:
安裝成功了徽诲,看網(wǎng)上有些小伙伴說(shuō)安裝速度特別慢刹帕,可能是我網(wǎng)速有點(diǎn)快吧,那網(wǎng)速慢的小伙伴可以指定某個(gè)國(guó)內(nèi)鏡像服務(wù)器去獲取資源谎替,如阿里巴巴國(guó)內(nèi)的鏡像服務(wù)器偷溺,這樣就不用等太久了,指令如下:
npm config set registry http://registry.npm.tao.org
(該指令可永久設(shè)置鏡像服務(wù)器地址)
再安裝個(gè)jade試試來(lái)體驗(yàn)一下效果钱贯?
輸入指令:npm install jade -g(-g為全局安裝)
第四步:(可選)
既然剛剛裝的兩個(gè)依賴包都是全局安裝的挫掏,那裝到哪里去了呢?
于是乎看到網(wǎng)上有npm全局模塊和cache緩存的路徑設(shè)置教程秩命,原來(lái)我們剛才全局安裝的包(模塊)都裝到C:\Users\電腦名稱\AppData\Roaming\npm\node_modules文件夾下尉共,cache是安裝到C:\Users\電腦名稱\AppData\Roaming\npm\node_modules了褒傅,不開心的我這就要改一波路徑了
步驟:
1.自定義文件路徑,比如可以在node的安裝文件夾下新建兩個(gè)文件夾保存npm的全局模塊和cache模塊:node_global和node_cache
2.設(shè)置緩存文件夾和全局模塊存放路徑:
指令為:npm config set prefix "D:\node\node_global"
npm config set cache "D:\node\node_cache"
如下圖:
3.安裝vue-cli檢查一下
指令:npm install vue -g
安裝好vue模塊后會(huì)提示vue-cli的路徑和版本:如下圖
4.打開node_global的文件夾會(huì)發(fā)現(xiàn)里面新建了一個(gè)node_modules的文件夾袄友,打開此文件夾里面保存了vue-cli的模塊包殿托,表示此模塊已經(jīng)成功下載,此時(shí)想要查看下vue-cli模塊的版本剧蚣,輸入指令vue -V報(bào)錯(cuò)支竹,“‘vue’不是內(nèi)部命令或外部命令,也不是可運(yùn)行的程序或批處理文件”券敌,因?yàn)閯偛鸥牧薽odules模塊的默認(rèn)地址唾戚,所以需要修改一個(gè)環(huán)境變量,如下:
(1).在系統(tǒng)變量中新建變量名:NODE_PATH待诅,變量值為D:\node\node_global\node_modules
測(cè)試:進(jìn)入node環(huán)境(輸入指令:node即可進(jìn)入node環(huán)境),引用vue模塊熊镣,如下圖
(2).修改用戶變量的path值:
變量名:PATH卑雁,變量值:D:\node\node_global,如下圖
(3).查看vue-cli模塊的版本
打開dos命令窗口绪囱,輸入指令vue -V测蹲,如下圖: