前端新手如何安裝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:引用導出的組件

7:

 8：最終結果

 9:項目完成以後打包上線。運行yarn build  上傳的文件大體以下圖所示。。具體狀況具體分析