react项目的创建

1-安装（在cmd或者vscode的集成终端中敲命令）

• 注意：node的版本必须>v14, 否则无法创建项目

  npm i create-react-app -g

2-创建项目

• 拉取react项目开发模板

  // create-react-app命令行创建的项目使用的是react@18
  create-react-app 项目名称
  // 或者
  // npm init create-react 创建的项目使用的是react@16
  npm init create-react 项目名称

  至此，基础框架搭建完成（如下图所示）

• 

   

• 下载完成后默认react与recat-dom的版本为v18,我在这里使用的react版本为v17如下所示,并附带安装命令：

• "react": "^17.0.2",

• "react-dom": "^17.0.2",

  // cnpm需要全局安装 npm i cnpm -g
  npm i react@17.0.2 react-dom@17.0.2 

3.初始化项目

如果使用默认v18的版本，本段可以跳过

如果使用了v17版本，需要在搭建好的框架做些许改动

找src目录下的index.js文件将其改写为v17的写法

4-相关命令

• 启动开发服务器

  npm run start
  // 或者
  npm start

• 开发服务器默认监听端口号3000

  http://lcoalhost:3000

• 项目打包

  npm run build

至此，一个使用脚手架安装的react项目就完成了