這篇文章將為大家詳細講解有關webstorm能不能用來構建react項目，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
webstorm可以構建react項目，其構建方法是：首先安裝webstorm并配置；然后在webstorm下配置node環境；接著在終端下安裝執行“npm install -g create-react-app”；最后新建react即可。
用webstorm創建React項目
下載安裝webstorm，然后配置一下，配置成功：
配置成功后就可以開啟webstorm項目了。
1：在webstorm下配置node環境：
2：完成之后：
React官方腳手架地址：
https://github.com/facebook/create-react-app
在終端下安裝執行npm install -g create-react-app 不用每個項目都裝。一個webstorm裝一次即可
3：可以直接新建react app項目了。
4：如上圖：自己安裝完成之后：執行下 npm list -depath0 (查看所下載的不為空的依賴包)
或者 npm ls (查看所下載的所有的依賴包包括空文件)
完成并開啟入口
5：最后可以自己完成自己react項目
注意的是：一定要有頂層包裹的元素：如果不是報錯
如下圖：
6：初始化：
新建一個component文件夾下。并建一個header.js 如下圖：按鈕控制內容的顯隱性
縮寫的class后面的類 Header 一定的要大寫、 如果需要導出到其它地方引用必須 export default這個類
7：引用導出的組件
8：最終結果
9：項目完成之后打包上線。運行yarn build 上傳的文件如下圖所示
關于“webstorm能不能用來構建react項目”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
