react中 create-react-app脚手架的使用

最新推荐文章于 2022-06-29 15:35:55 发布
原创 最新推荐文章于 2022-06-29 15:35:55 发布 · 141 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了React项目的创建与部署流程。先通过npm全局安装脚手架创建项目，进入项目文件夹后启动服务。若要打包部署到线上，src中通常仅index.js可用，删除其他文件和依赖可能报错，删除node_modules后重新打开项目并重启服务即可。

1.npm全局安装脚手架

npm install create-react-app -g
//-g=global就是全局安装的意思

2.创建react项目

create-react-app  demoName

3.进入创建的项目的文件夹

cd demoName

4.启动服务

npm start

如果要打包项目文件部署到线上的话

npm run build

在src中只有这个index.js文件是可用的
在这里插入图片描述
所以一般会删除其他的文件，注意删除其他文件和依赖之后会报错，把node_modules删除之后，重新打开项目然后重启服务就OK了

React零基础入门到项目实战之脚手架create-react-app搭建React项目
panpan_Yang的博客
08-07 576
脚手架 create-react-app react应用程序 react项目
react学习4-脚手架create-react-app的基本使用
jyn15159的博客
03-31 356
脚手架create-react-app 的基本使用 使用脚手架 create-react-app 可以快速生成一个项目，并且提供友好的开发调试环境。 脚手架用法一 ： 安装脚手架包 create-react-app (全局安装) npm install create-react-app -g 使用命令创建项目 --use-npm 的作用是使用npm管理依赖包 默认情况，如果本地安装了yarn，那么会默认采用yarn进行依赖包管理 如果默认没有安装yarn，那么默认使用npm管理依赖包 crea
simple-create-react-app:简化的create-react-app
04-29
这是一个简化版的 create-react-app 这是一个100行代码的简化版的create-react-app，去除了环境检测、版本检测、离线包检测等代码，只保留了创建react 项目的核心代码。只用作学习，其他用途不承担任何风险责任。线上项目，请使用官方的create-react-app 功能介绍： 其他的可选参数全部会忽略，像simple-craete-react-app --info会无视的。 只能使用yarn安装依赖，所以要保证电脑有yarn环境。 不支持离线包react-scripts的安装 不能选择react-scripts的版本，只能安装默认的 只能在当前目录下创建新项目 用法 # 先要全局安装 npm install -g simple-create-react-app # 然后在你想要创建react项目的地方运行： simple-create-react-app my
create-react-app 使用教程
qq_37634366的博客
03-27 457
首先全局安装create-react-app npm install -g create-react-app 然后 create-react-app react-cli-demo 可能会报错 解决办法，修改环境变量 然后在执行 create-react-app react-cli-demo 升级node之后再重试，成功了 ...
使用Create React App创建React组件库
编程故事的地方
04-09 1494
更新 ：您可以使用npm包 create-component-lib 自动化本文中描述的所有步骤。 创建组件库 创建React应用程序很容易成为创建和开发React应用程序的最佳工具。 通过一点点工作，它也可以用于创建React组件库，该库可以发布到 npm 并在其他React应用程序中使用。 这是您需要做的： 1.使用创建一个新项目 create-react-app ： create-r...
create-react-app脚手架新建react项目
qq_41311259的博客
07-16 225
一.创建项目 用react 创建一个项目，这也是官方给出的 1.npm install create-react-app -g 2.create-react-app react-demo (react-demo项目名) 3.cd react-demo 4.npm install 5.npm start #运行 二.配置路由 1.安装 npm install --save react-router-dom #这样就可以使用react router 了 三.添加less配置 使用create
详解使用create-react-app快速构建React开发环境
12-10
使用 create-react-app 快速构建 React 开发环境 create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。 执行以下...
npx create-react-app react-app-demo ```
04-12
客户端用到的技术为React,所以下面需要使用脚手架来创建React项目。 ``` npx create-react-app react-app-demo ``` 将一些用不到的文件和内容删除掉。 ## 1、表格组件基本使用 在`src`目录下面创建`views`目录，...
create-react-app-sample
05-08
不需要全局安装create-react-app脚手架工具，使用npx就能创建一个react应用，要求npm@5.2+ npx create-react-app my-app cd my-app npm start 2. 添加hot-reloader create-react-app创建的项目默认是没有热加载的，...
详解开发react应用最好用的脚手架 create-react-app
08-27
"详解开发React应用最好用的脚手架 Create-React-App" Create-React-App是一个非常流行的React应用开发脚手架，由Facebook官方开发，具有简洁、快速、易用的特点。下面是Create-React-App的知识点总结： 1. 什么是...
create-react-app安装及使用
weixin_34321977的博客
08-01 670
create-react-app学习之前可以从它的官网开始了解 推荐网址 安装 推荐网址 按这个步骤走下去： npm install -g create-react-app create-react-app my-app 使用命令创建应用，myapp为项目名称 cd my-app 进入目录，然后就启动 npm start 启动之后打开...
npm 安装 npm install -g create-react-app 时报错，以及create-react-app my-app 时报错（神奇）
FincherJF_Yuan的博客
11-21 8572
npm 安装 npm install -g create-react-app 时报错 报错信息： 0 info it worked if it ends with ok 1 verbose cli [ 'D:\\path\\nodejs\\node.exe', 1 verbose cli 'D:\\path\\nodejs\\node_modules\\npm\\bin\\npm-cli.js...
create-react-app配置总结
博客
05-31 1万+
     &a
开发 react 应用最好用的脚手架 create-react-app
热门推荐
QTFYING的博客
11-29 7万+
1. 介绍 在开发react应用时，应该没有人用传统的方法引入react的源文件(js)，然后在html编辑吧。 大家都是用webpack + es6来结合react开发前端应用。 这个时候，我们可以手动使用npm来安装各种插件，来从头到尾自己搭建环境。 比如： npm install react react-dom --save npm install babel babel-loa...
使用 create-react-app 构建 react应用程序 （react-scripts）
github_squad的博客
02-26 5万+
前言:    一般我们开始创建react web应用程序的时候,要自己通过 npm 或者 yarn 安装项目的全部依赖，再写webpack.config.js,一系列复杂的配置,搭建好开发环境后写src源代码。 现在 如果你正在搭建react运行环境，使用 create-react-app 去自动构建你的app程序。你的项目所在的文件夹下是没有配置文件。react-script
使用create-react-app模板模仿12306app
findhappy117的博客
02-26 1060
使用create-react-app模板模仿12306app，实现了登陆和查票购票管理，结合express+mysql做后台，实现数据存储。 github地址：https://github.com/jinqiang12345/react-12306
使用create-react-app或者antd创建一个React项目
王亟亟的博客
03-08 4万+
转载请注明出处：王亟亟的大牛之路 距离上一次提及React的内容差不多也快1年多了，然后这一年里平胸而论觉得进步不多，然后最近因为业务需要然后都在做一些前端的工作。 然后以前都是从npm init一路自己撸到配置package.json到写scripts那些，现在脚手架一行撸穿，还是感叹懒人的世界6666 老规矩开篇前先案例：https://github.com/ddwhan0123/U...
React教程之使用create-react-app构建你的第一个react应用
★【World Of Moshow 郑锴】★
06-14 2万+
What’s React？ React 是 facebook 開發的一個 JS 函式庫，負責產生與管理前端的 UI 。它並不算框架。 Why React？ 用純 JS 在前端產生 HTML （一般來說是在後端產生 HTML 送到前端） 使用 Virtual DOM，重繪時效率高 自定義 Component，組件化方式，方便開發 父子 Component 閒可透過 props 通訊，内部可透過st...
使用create-react-app创建React项目
qq_38950073的博客
06-29 5255
简单记录一下使用create-react-app创建React项目，使用craco进行了简单的配置。 包括支持装饰器语法、按需加载和简单的包体积优化。
将antd集成到create-react-app应用中使用react-app-rewired教程
资源摘要信息:"react-app-rewire-antd 是一个用于将 Ant Design (antd) 组件库集成到使用 create-react-app (CRA) 创建的 React 应用程序中的工具。Ant Design 是一个流行的基于 React 的 UI 设计语言和组件库，它为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值