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

npm install -g generator-react-webpack

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

構建項目

新建項目文件夾,進入文件夾

yo

選擇 react webpack
這裏寫圖片描述

之後會有一些選擇,主要是項目名和 css 選擇。接着就自動開始了。
這裏寫圖片描述
然後出現了一個問題
這裏寫圖片描述
phantomjs-2.1.1-windows.zip 這個找不到,所以手動到紅線包住的 git 地址下載這個包,放到第二行 C 盤的地址,再在項目根目錄下 npm install
###運行
輸入

npm start run

就可以在瀏覽器上打開提示的端口了
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章