使用ANTD前端開發(fā)——開發(fā)環(huán)境搭建(Windows)
0. 說明
使用ANTD(ant design)開發(fā)需要安裝Node.JS插掂,cnpm,tyarn腥例,umi等包辅甥。yarn是npm的替代品,正如tyarn取代cnpm燎竖。在未來的項目中我們會使用tyarn進行JS的包管理璃弄。
- cnpm:npm的國內(nèi)鏡像,提升安裝速度构回。
- tyarn:yarn的淘寶鏡像夏块,提升安裝速度。
- umi:基于Reactjs的前端框架
1. 安裝Node.JS 下載地址
Node.JS安裝成功后纤掸,在安裝路徑下有npm
命令腳本脐供。npm是Node.JS的包管理器,可以使用npm命令安裝各種所需的包借跪。但由于npm包的默認安裝源在國外政己,速度慢,因此需將安裝源映射在國內(nèi)掏愁。需要安裝cnpm和tyarn歇由。
2. 安裝cnpm卵牍,yarn,tyarn
- 安裝cnpm沦泌,打開CMD糊昙,輸入:
npm install -g cnpm --registry=https://registry.npm.taobao.org // 安裝cnpm,鏡像為淘寶的npm
如果輸入npm提示 "不是內(nèi)部或外部命令谢谦,也不是可運行的程序或批處理文件释牺。", 需要將Node.JS的安裝路徑添加到環(huán)境變量中。
Path="C:\Program Files\nodejs"
- 安裝yarn他宛,CMD中輸入:
npm i yarn -g // i: install // -g :全局安裝
查看yarn安裝路徑船侧,輸入:
yarn global bin // C:\Users\Kirk\AppData\Local\Yarn\bin
將路徑添加到windows環(huán)境變量
Path="C:\Users\Kirk\AppData\Local\Yarn\bin"
- 安裝tyarn
在cmd中輸入:
cnpm i yarn tyarn -g // 安裝tyarn,可以看到tyarn使用的是淘寶鏡像厅各,速度快
查看tyarn版本
tyarn -v
tyarn初始化
tyarn init -y
- 安裝umi
在cmd中輸入:
tyarn global add umi
查看umi版本
tyarn -v