首頁 > web前端 > js教程 > webstrom 怎麼創建react項目

webstrom 怎麼創建react項目

藏色散人
發布: 2023-01-04 09:36:28
原創
3258 人瀏覽過

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

webstrom 怎麼創建react項目

本教學操作環境: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/就可以看到啟動介面啦。

React.js å®è£æç¨å¾ç

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

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

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

import React,{Component} from 'react';
import ReactDOM from 'react-dom';
登入後複製
#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板