強烈推薦30個原生JavaScript的demo，包括canvas時鐘特效、自定義視訊播放器、搜尋欄快速比對、fetch通路資源、console調試技巧等，先fork後學習，詳見點選打開連結，歡迎點贊~~~謝謝，共同進步學習！
前端新手如何安裝webstorm ，初步搭建react項目
下載下傳安裝webstorm:配置成功:
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 配置成功後就可以開啟webstorm項目了。（存微信收藏、、）
1：在webstorm下配置node環境：
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 2：完成之後：
React官方腳手架位址：
https://github.com/facebook/create-react-app
在終端下安裝執行npm install -g create-react-app 不用每個項目都裝。一個webstorm裝一次即可
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 3：可以直接建立react app項目了。
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 4：如上圖：自己安裝完成之後：執行下 npm list -depath0 (檢視所下載下傳的不為空的依賴包)
或者 npm ls (檢視所下載下傳的所有的依賴包包括空檔案)
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 完成并開啟入口
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 5：最後可以自己完成自己react項目
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 注意的是：一定要有頂層包裹的元素：如果不是報錯
如下圖：
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 6：初始化：
建立一個component檔案夾下。并建一個header.js 如下圖：按鈕控制内容的顯隐性
縮寫的class後面的類 Header 一定的要大寫、 如果需要導出到其它地方引用必須 export default這個類
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 7:引用導出的元件
7:
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 8：最終結果
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 9:項目完成之後打包上線。運作yarn build 上傳的檔案大緻如下圖所示。。具體情況具體分析
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 好文要頂 關注我 收藏該文
webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 webstorm 快速搭建react項目前端新手如何安裝webstorm ，初步搭建react項目 
