Facebook 官方推出Create-React-App腳手架，基本可以零配置搭建基于webpack的React開發環境，內置了熱更新等功能。

由于create-react-app命令預先安裝和配置了webpack和babel，同時也初始化了npm（可以通過npm init來初始化，初始化完會有一個package.json文件，專門來說明你的項目的一些基本信息和可以設置npm自定義命令），所以有幾個自定義npm命令：

一、如何安裝
1、首先確保已經安裝 node.js,可以到node.js官網 https://nodejs.org/en/ 下載安裝包，下載好后傻瓜式一步安裝到位。
2、按照如下步驟進行安裝，推薦使用gitBush命令行工具

（1）npm install -g create-react-app ? ? ?全局安裝

（2）create-react-app reactproject ? ? ? 新建并對react項目進行命名（注:項目名稱不能有大寫）

（3）cd reactproject? ? ?????????????????????????通過命令進入文件夾內部，準備運行項目

（4）npm start?????????????????????????????????????運行項目

3、通過以上命令就可以快速構建一個react項目，此時在地址欄中輸入 ?http://localhost:3000/ 就能看到我們的項目了

?

此時看到的項目結構如下

?

4、可以看到項目中，沒有webpack的相關配置，因為create-react-app腳手架已經幫我們封裝好了。但如果要對webpack進行設置，可以使用命令 npm run eject把webpack文件暴露出來，這個操作是不可逆的。

?

此時我們的項目中就會有webpack的相關配置了

---------------------
作者：飛歌Fly
來源：CSDN
原文：https://blog.csdn.net/qq_35430000/article/details/79800461
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！

轉載于:https://www.cnblogs.com/xiaozhumaopao/p/10540866.html

總結

以上是生活随笔為你收集整理的Create-React-App脚手架使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。