React - 使用脚手架搭建一个 React 项目

已于 2022-06-30 10:34:27 修改
阅读量359 收藏
点赞数
分类专栏： # React__基础 文章标签： react.js
于 2022-02-18 17:29:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jie_1997/article/details/123007836
版权

  1. 全局安装 create-react-app

    npm i -g create-react-app

  2. 进入需要创建项目的文件夹，使用命令创建一个基于 webpack 模板的新项目

    create-react-app <project-name>

    <project-name> ：项目名

  3. 项目创建完成在这里插入图片描述

  4. 项目创建完成后，进入项目

    cd <project-name>

  5. 启动项目

    npm start

风轻轻~
关注
专栏目录
react脚手架创建项目
qq_41051239的博客
02-22 1545
在mockData.js中引入mockjs，并写模拟的返回数据，第一个参数是接口，第二个是请求类型，第三个是一个函数，接收请求参数并处理之后返回数据。代码中通过规则模式匹配作代码识别和报告的插件化的检测工具，它的目的是保证代码规范的一致性和及时发现代码问题，提前避免错误发生。冲突情况，记得检查package.json和.eslintrc.js文件内容是否有引入版本不同导致的冲突情况。可以极大的提高项目中多人协作开发时的效率、代码的可读性以及可维护性。命令将配置完全暴露出来，但这是一个不可逆的操作，复杂的。
React---使用react脚手架搭建项目
lelara的博客
04-21 897
一、使用create-react-app创建react应用 1.1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServer…) 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: re...
React（二）react脚手架的搭建
热门推荐
商务合作 | 共同学习 | 携手共进
12-08 9万+
React：脚手架项目的搭建与启动
react脚手架搭建
weixin_41421227的博客
07-01 2237
由于我们在安装的过程中要使用到npm  因此需要先前安装好node.js直接到官方下载即可  一般建议大家下载稳定版的（左边那个！）知道你们懒，咯官网戳→_→  node.js官网：https://nodejs.org/en/判断安装成功与否的标志↓    打开cmd命令行,输入 node -v 和 npm -v 来查看版本号，如果显示则安装完成然后我们就可以开始create-react-app脚...
利用脚手架工具搭建一个新的react项目
qq_43440659的博客
11-18 320
利用脚手架工具搭建一个新的react项目 一，工程架构 1.使用的是create-react-app脚手架工具搭建的工程架构 npm install create-react-app -g 2.提交项目 2.1 git init 提交本地仓库 2.2 git add . 2.3 git commit -m ‘提交注释’ 3. 对配置文件进行暴露，配置webpack npm run eject（没...
React脚手架搭建
小婷子的博客
07-14 529
搭建脚手架 1.全局安装：npm i -g create-react-app 2.创建项目：create-react-app hello(项目名) 3.进入文件目录：cd hello 4.npm start //启动这个项目 目录下面的主要文件 /public/index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>reac
react-vw-layout:使用create-react-app脚手架搭建 vw 适配方案 react 16 && react dom 16 搭配使用，一个多页面路由项目 && react-router 4+
05-03
该demo 为vw 适配方案 react 16 && react-router-dom 4+ 搭配使用，一个多页面路由项目. 步骤： 1、创建项目 && 初始化 create-react-app react-vw-layout cd react-vw-layout 2、开启我们的配置之路&&简单配置 ...
使用create-react-app脚手架搭建vw-layout解决方案.zip
最新发布
01-15
方案提供了一个共同的框架，帮助团队成员理解各自的职责和任务，促进协作并确保整个团队朝着共同的目标努力。 监控与评估： 方案通常包括监控和评估的机制，以确保实施的有效性。通过定期的评估，可以及时调整方案...
React零基础入门到项目实战之脚手架create-react-app搭建React项目
panpan_Yang的博客
08-07 289
脚手架 create-react-app react应用程序 react项目
create-react-app-dva:一个基于create-react-app官方脚手架，搭建起来的dva开发模式的react项目
05-06
项目启动说明： 1 下载后，进入项目目录 2 初始化项目：cnpm install 3 启动模拟数据（window环境为例）：.\node_modules.bin\json-server mock.json 4 启动项目：npm start 5 访问： 项目参考博客：
react脚手架的搭建
weixin_52755319的博客
04-01 1445
react脚手架的搭建 1、全局安装 create-react-app npm install create-react-app -g | yarn global add create-react-app 2、用脚手架创建 react项目 2.1）、创建目录 在src目录下创建以下文件夹： - assets ：静态资源文件夹 - components：组件文件夹 /components/a组件/ a.js 和 a.css - pages：页面文件夹 - styles
React脚手架的搭建
weixin_62144981的博客
11-28 587
3、npm install -g cnpm --registry=https://registry.npm.taobao.org 用npm安装cnpm，将镜像源设置为国内镜像源,有些软件可能在国外,就会下载比较慢,cnpm就会相对快很多。创建好脚手架运行后会出现 按Ctrl点击会进入至此就创建好一个react项目。2、运行node -v和npm -v两条命令 查看是否安装成功。7、进入创建脚手架的文件里运行 npm start。（创建一个React项目，项目名为XXX）
react 脚手架搭建
fortunegrant的博客
03-12 422
package.json{  "name": "",    "version": "1.0.0",  //这是必须配置的  "description": "",    "main": "index.js",  "scripts": {    "test": "",    "watc
搭建react脚手架
sumimg的博客
05-25 546
搭建react脚手架 1，安装node.js（检查安装成功 输入node -v和npm -v，成功出现版本号） 2，使用淘宝的cnpm，同时设置镜像地址（检查淘宝镜像是否安装成功 cnpm -v） 　　指令：npm install -g cnpm --registry=https://registry.npm.taobao.org 3，全局安装react脚手架 命令窗口输入：cnpm install -g create-react-app 4，进入我们要创建react项目的文件中，在地址栏里输入 cmd
快速上手React开发：create-react-app脚手架详解
创建项目后，只需一个`npm start`命令即可启动开发服务器，实时预览应用。 2. **自动配置**：CRA内置了Babel、Webpack和其他必要的构建工具，开发者无需手动配置这些复杂设置，脚手架会自动处理编译、打包和热更新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值