构建React
应用
- 构建
React
应用使用官网推荐的creat-reacr-app
来构建一个react应用
,也有其它的第三方的构建工具,但是官网的工具相对来说比较稳定可靠。
npm install create-react-app -g
- 在命令行工具中使用以下命令来构建,注意必须使用
cmd
命令行工具且以管理员身份来运行,进入到指定目录构建。node
版本高于8.10,npm
版本高于5.60。
create-react-app my-app//创建react工程
cd my-app//打开目录
npm start//启动项目
-
出现这个图项目就算是启动了
image.png
目录结构
- 项目目录有
node_modules
,public
,src
,.gitignore
,package.json
,package-lock.json
,README.md
。 -
node_modules
是存储依赖插件的文件夹 -
public
是存储项目的入口文件index.html
的文件夹 -
src
存放的是这个项目的核心内容,也就是主要工作区域。其中,index.js
文件是和index.html
进行关联的文件的唯一入口,App.js
是继承react
提供的component
。 -
package.json
管理下载的依赖包,记录每个依赖的版本号,设置启动打包的命令。
image.png
image.png -
package-lock.json
锁定安装依赖的版本号。 -
README.md
项目说明文件(markdown语法文件)r