0-init · React從零開始

### 1.找到需要創建項目的工作目錄： Shift+右擊,運行PS：md/mkdir yarn+webpack+react PS: cd yarn+webpack+react (可以結合tab使用) ### 2.init PS：yarn init PS：...輸入項目的相關信息在文件夾下可以找到package.json文件 ### 3.server >往package里寫入server啟動相關的依賴 ```powershell PS：yarn add httpster PS：yarn add opener -D PS：yarn add webpack ``` 注意：我使用的webpack為4.29.0 package中加入命令 ```json "scripts": { "start": "opener http://localhost:3001 & httpster -p 3001 -d ./dist" } ``` ### 4.index.html PS: md dist PS: cd dist PS: New-Item index.html 打開index.html 放入如下代碼： ```html <!DOCTYPE html> <html> <head> <meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no" /> <meta charset="utf-8"> <title>init index</title> </head> <body> <div id="react-container">初始化index.html</div> </body> </html> ``` ### 5啟動 PS: yarn start 此處可以打開瀏覽器，并且同事看到效果 ![](https://box.kancloud.cn/491daa66296a740ed786fe329ac921d7_1133x738.png)