webstrom 怎麼創建react項目

webstrom建立react專案的方法：先安裝webstorm和react.js；然後開啟軟體介面，在頂部導覽欄，依序點選「File」-「New Project」-「React APP」；最後填入「項目工程名”等相關資訊即可。

本教學操作環境：Windows7系統、webstorm2020.2版，Dell G3電腦。

推薦：《javascript基礎教學》

1、在想要使用react.js之前，電腦上需要安裝好node.js。如果沒有安裝的要先去官網或其他途徑下載安裝並配好環境。然後在命令視窗輸入以下命令來下載create-react-app腳手架工具包：

npm install -g create-react-app

## 

2、安裝好之後我們再來安裝webstorm工具。

3、安裝成功後開啟軟體介面，選擇新建一個項目，這裡新建的專案工程名稱為

demo1：

4.等待片刻專案創建完畢後，我們只需要在Terminal視窗輸入：

npm start

5、啟動成功

6、此時我們在瀏覽器上輸入：http://localhost:3000/就可以看到啟動介面啦。

到此，我們已經建立並開啟了這個專案。需要自己寫什麼頁面的話，可以在index.js頁面編輯

開裡瀏覽器就能看到你編輯的效果了。

需要主要的是，如果我們要寫React.js，那麼在檔案的頭部是必須要引入React套件和Component元件。

import React,{Component} from 'react';
import ReactDOM from 'react-dom';

#

以上是webstrom 怎麼創建react項目的詳細內容。更多資訊請關注PHP中文網其他相關文章！