React基礎學習（一）：搭建環境和demo運行

1、安裝node和npm（或者cnpm）

• 安裝node.js官網：https://nodejs.org/en/，npm包管理工具也會一同安裝
• Win+R 打開cmd命令行,輸入 node -v 和 npm -v 或cnpm -v來查看版本號，如下圖顯示則安裝完成。

Tips: npm作爲包管理器來說相對來說比較好用，但是由於服務器不在國內所以有的時候速度會慢一點，建議安裝一下淘寶團隊的cnpm，這個就是npm在國內的鏡像

npm install -g cnpm -registry=https://registry.npm.taobao.org

2、構建並運行項目

安裝create-react-app腳手架工具

cnpm install -g create-react-app

使用命令創建新的react項目 my-demo

create-react-app my-demo

進入項目my-demo目錄，部署npm，導入react-dom依賴包

cd my-demo
npm init   （一路Enter）
npm install --save react react-dom  ( 在該目錄下導入react和react-dom）
npm install --save  react-router-dom   （react路由，以後會用到）

通過 npm start 來啓動項目，自動彈出localhost:3000的網頁窗口，並顯示Welcome to React則啓動成功

cnpm start

之後每次Ctrl+s保存即可更新運行