今天嘗試在 windows 上安裝 node.js 和 react 及腳手架
下載安裝 node
windows 上安裝十分方便。
https://nodejs.org/en/
下載後直接安裝即可,會自動配置環境變量.
輸入:
node -v
npm -v
檢驗是否安裝成功。
修改源
修改源是爲了解決網絡問題。
輸入
npm config set registry “https://registry.npm.taobao.org”
或者
安裝 smart-npm
npm install --global smart-npm --registry=https://registry.npm.taobao.org/
安裝 smart-nmp 後就可以直接使用 snpm 代替 npm 了。但是我在這裏遇到了版本問題,如果不行的話就使用第一種。
安裝 yeoman
安裝 yeoman 可以快速的搭建項目,可以使用現成的腳手架或者自己搭的。
npm install -g yo
安裝腳手架
腳手架在有很多,可以選擇自己喜歡的。這裏選擇這個https://github.com/react-webpack-generators/generator-react-webpack
npm install -g generator-react-webpack
我安裝現成的腳手架後後構建項目都失敗了,所以就不使用現成的腳手架了
構建項目
新建項目文件夾,進入文件夾
yo
選擇 react webpack
之後會有一些選擇,主要是項目名和 css 選擇。接着就自動開始了。
然後出現了一個問題
phantomjs-2.1.1-windows.zip 這個找不到,所以手動到紅線包住的 git 地址下載這個包,放到第二行 C 盤的地址,再在項目根目錄下 npm install
。
###運行
輸入
npm start run
就可以在瀏覽器上打開提示的端口了