天天看點

windows 上初次安裝 node,react

今天嘗試在 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

我安裝現成的腳手架後後建構項目都失敗了,是以就不使用現成的腳手架了

建構項目

建立項目檔案夾,進入檔案夾

yo
           

選擇 react webpack

windows 上初次安裝 node,react

之後會有一些選擇,主要是項目名和 css 選擇。接着就自動開始了。

windows 上初次安裝 node,react

然後出現了一個問題

windows 上初次安裝 node,react

phantomjs-2.1.1-windows.zip 這個找不到,是以手動到紅線包住的 git 位址下載下傳這個包,放到第二行 C 盤的位址,再在項目根目錄下

npm install

###運作

輸入

就可以在浏覽器上打開提示的端口了

windows 上初次安裝 node,react

繼續閱讀