ant design環境搭建過程當中遇到的問題--Windows-dva-cli

基礎的此處略去,nodejs和npm是前提。 
1.官網介紹的是腳手架工具是antd-init,可是又建議真實項目中用dva-cli,因此博主就直接裝的是dva-cli,這裏主要是簡單介紹下博主在Window7下安裝dva-cli的過程當中遇到的一些問題,但願能對各位同窗有所幫助。 
2.因爲博主公司用的網絡是代理服務器的網絡,因此首先呢,先要爲npm設置代理服務器 
$ npm config set proxy http://server:port 
$ npm config set https-proxy http://server:portnode

博主的服務器與端口號是直接帶入的

3.設置完代理服務器就能夠安裝dva-cli 
$ npm install -g dva-clinpm

博主已經裝過,此處再也不重複安裝

4.安裝完成以後,輸入dva -v想要查看一下版本,發現報錯。後來發現是環境變量的問題,這時候不得不從頭提及nodejs安裝時候遺留下的問題。由於以前已經安裝過了,因此接下來的圖來自網絡,有興趣的也能夠查看原帖(附連接:http://www.myhack58.com/Article/sort099/sort0100/2015/66674.htmwindows

1)第一步:去官網下載NodeJS安裝包 
2)第二步:安裝 
由於windows的管理員權限機制,因此這裏不推薦安裝在C盤,我在這裏更改成了非系統盤。服務器

這裏寫圖片描述

3)第三步:檢測安裝成功 
打開命令提示符,Git Bash或者剛剛安裝好的Node.js command prompt網絡

能夠在程序目錄裏面找到 
這裏寫圖片描述antd

命令行界面 
這裏寫圖片描述工具

4)第四步:配置全局模塊的存放路徑 
npm是NodeJS的模塊管理,咱們能夠本身配置npm的全局模塊的存放路徑以及cache的路徑,博主那會是這麼裝的測試

這裏寫圖片描述

安裝成功後測試一下命令行

這裏寫圖片描述

5)第五步:設置系統環境變量 
打開計算機-屬性-高級系統設置,如圖代理

這裏寫圖片描述

打開環境變量對話框

這裏寫圖片描述

因爲改變了module的默認地址,因此用戶變量都要跟着改變一下(用戶變量 PATH修改成 剛纔咱們設置的全局模塊存放路徑 ),要不使用module的時候會致使輸入命令出現 「xxx不是內部或外部命令,也不是可運行的程序或批處理文件」這個錯誤 。

博主使用的全局模塊存放路徑忘了,剛看了下圖是這樣的,將它添加到個人用戶變量裏面

這裏寫圖片描述

同時在 系統變量 添加 NODE_PATH 變量,使用全局安裝時,首先會在這個目錄去尋找模塊。

這裏寫圖片描述

6)第六步:測試安裝模塊dva-cli

這裏寫圖片描述

這樣,環境就已經搭建完成啦,但願能對各位有所幫助。

相關文章
相關標籤/搜索