1.安装node
2.安装create-react-app
快速创建一个react应用,安装命令:npm install -g create-react-app
3.创建并运行项目
cmd切换到工作空间,输入 create-react-app react-app 创建一个react项目。安装路径中看到创建完的文件夹,打开后,内部如下所示:
其中,node_modules用于存放项目的依赖包,也就是构建这个React项目可能会用到的工具,
--public文件夹中是 index.html存放目录,也就是React根页面的所在地
--src中用于存放js文件,也就是项目开发中的主要区域
--package.json用于记录项目信息,以及外部依赖包的导入信息等
--json文件不能直接打开,需要用到文本编辑器
4.导入react-dom依赖包
cmd切换到项目目录下输入:
npm init (然后一路回车)
npm install --save react react-dom ( 在该目录下导入react和react-dom)
npm install --save react-router-dom (react路由,以后会用到)
5.启动项目
npm start
暴露配置文件:
在已有的项目中运行:npm run eject
如果报错,就先运行:
git add .
git commit -m 'init'
再执行npm run eject
这时在你的项目中就会生成config文件夹,可以根据自己的需要修改配置