您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關webstrom如何創建react項目的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
webstrom創建react項目的方法:首先安裝webstorm工具;然后打開軟件界面,選擇新建一個項目,并命名新建的項目工程名為demo1;接著在Terminal窗口輸入“npm start”;最后查看啟動界面即可。
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項目就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。