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项目就完成了