1. 程式人生 > >react初級教程

react初級教程

react的安裝和使用

由於react技術依賴於很龐大的技術棧,比如,轉譯js程式碼需要babel,模組打包工具需要webpack,定製build過程需要grunt或gulp,配置起來相當麻煩,create-react-app解決了這個問題,以下是整個安裝使用過程。
首先,下載nodejs.官網連結如下:

https://nodejs.org/en/download/。
可以下載到Windows\mac\linux,按需下載。

下載完成後,開啟cmd.輸入path,檢查是否有nodejs和npm,如果有,進入nodejs安裝目錄,輸入以下命令安裝create-react-app

npm install --global create-react-app
退出當前目錄(這一點很重要哦!否則會出現錯誤,雖然我也不知道為啥),再輸入以下命令
create-react-app first_react_app

完成以上工作,就建立了一個名為first_react_app 的目錄,他自動新增一個應用的框架,後續只需要修改這個框架裡面的app.js檔案,就可以開發自己的應用啦!

經過上一步漫長的等待之後,就得到了下圖,安裝成功!!
在這裡插入圖片描述

接下來 ,輸入下面的指令:

cd  first_react_app
npm start

自動啟動一個伺服器,並且開啟如下介面。
在這裡插入圖片描述


成功!!接下來就深入學習react吧

小tips
國內的npm很慢,如果想快一點,可以安裝淘寶拷貝的cnpm倉庫,命令如下
(上面的npm改成cnpm即可)

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