创建React项目

原创已于 2022-07-31 22:07:26 修改 · 277 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #前端 #javascript

于 2022-07-31 22:04:37 首次发布

本文介绍了如何使用create-react-app快速创建并启动一个React项目。首先确保安装了Node.js和npm，然后全局安装create-react-app，接着在指定目录下创建项目，最后进入项目并启动开发服务器。通过简单的四步，你就可以开始你的React开发之旅。

基于 react + webpack + es6 + eslint 的 React项目搭建

如何创建并启动项目

1.安装好node.js及npm

2.全局安装：npm install -g create-react-app

3.切换到即将新建项目的目录，使用命令：create-react-app projectName

4.进入项目目录：cd projectName

5.启动项目：npm start

代码如下：

// Quick start for react

// 全局安装 create-react-app 脚手架
npm install -g create-react-app
// 切换到工作目录，创建react项目,projectName自定义
create-react-app projectName
// 进入项目目录
cd projectName
// 启动项目
npm start