一. 主要分享一下react项目的搭建

node -v  // 检查node版本(12以上,否则重新安装node,记得配置环境变量)

npm -v // 检查npm版本

npm install webpack webpack-cli --save-dev  // 局部安装webpack或者-g全局安装也可以

npx webpack -v  // 查看webpack版本

npm install -g create-react-app  // 全局安装第三方脚手架

npx create-react-app <project_name>  //  创建项目

npm run eject //  暴露配置文件(执行后可看到config文件夹)

npm start // 启动项目(记得切换到项目目录中去)

二. 介绍react项目的核心文件

1.public目录中index.html是主页面的结构,后面我们写的页面都是挂载在这个h5页面上,是程序的主页面结构

2.src的index.js是我们写的页面的入口,我们会将我们写的所有的页面挂载在id为root的div上

3.src的app.js显示内容组件

11-09 07:58