01 React.js 初始環境設置步驟教學

  1. Step 1: 安裝npm
  2. Step 2: 一次性安裝 create-react-app
  3. Step 3: 安裝編譯器(可略過)
  4. Step 4: 建立專案
  5. Step 5: 執行環境
  6. Step 6: 進入瀏覽器查看

參考
Link: https://ithelp.ithome.com.tw/articles/10214942

Step 1: 安裝npm

npm是”套件管理系統”。
下載node.js的時候,就已經被一起安裝上了
若出現問題,試試重啟電腦

Step 2: 一次性安裝 create-react-app

安裝「一次安裝並設定好react、babel、webpack」的create-react-app
npm install 套件名稱

npm install create-react-app

若和其他人合作就要加--save,給別人package-lock.json就可以了,

npm install create-react-app --save

全局安裝 (global)
*註: 非必要請不要用 -g ,容易造成套件版本衝突問題。

npm install -g create-react-app --save

or

npm install -g create-react-app

Step 3: 安裝編譯器(可略過)

  1. 安裝vscode

  2. 安裝extensions
    ESlint(可以考慮要不要)
    JS JSX Snippets

Step 4: 建立專案

cd 進入要建立專案的目錄,並在目錄底下執行以下程式:
create-react-app 專案名稱

create-react-app hello-world

Step 5: 執行環境

npm start

Step 6: 進入瀏覽器查看

http://localhost:3000/


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以邮件至 kimfei2014@gmail.com
github