使用Create React App快速搭建React环境

最新推荐文章于 2020-12-08 20:50:49 发布
最新推荐文章于 2020-12-08 20:50:49 发布
阅读量184 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44377505/article/details/100351523
版权
本文介绍了如何使用Create React App快速搭建React开发环境，包括零配置的现代构建设置，详细步骤从快速安装node.js，使用npx创建项目，到更改配置如设置.env文件，以及解决跨域问题的代理配置。适合初学者入门React应用开发。
摘要由CSDN通过智能技术生成

使用Create React App快速搭建React环境

原文链接：http://blog.tachmiao.com/?id=92

Create React App官方文档

Create React App 是一个官方支持的创建 React 单页应用程序的方法。它提供了一个零配置的现代构建设置。

快速安装

首先，需要安装node.js，不会的可以看：node.js-介绍与安装

node.js安装完成后，通过命令npm -v查看npm的版本，因为安装脚手架需要用到npx命令，它是npm 5.2+或更高版本所有的，若是低于此版本，可以通过npm install npm -g来升级

通过命令npx create-react-app 项目名称创建项目

  • 先进入到需要的文件夹下
  • 输入命令，如：npx create-react-app testapp创建项目

最低0.47元/天 解锁文章
彳主亊無痕
关注
专栏目录
A01.python+react项目学习---python环境搭建
w_hx10的博客
05-11 689
【代码】A01.python+react项目学习---python环境搭建。
python 安卓app开发环境搭建_基于react-native的APP开发环境配置
weixin_39850981的博客
12-18 236
1. 首先要有jdk 版本1.8 环境变量必须要有 %JAVA_HOME%;%JAVA_HOME%\bin2.python 版本2 必须是python2(官方文档这么写的，具体不知道为啥) 环境变量两个 python根目录和scripts目录； 这边顺便提一嘴，win下python2与python3的共存问题，只需要将python相关的执行文件改名(例如python3、p...
记一次create-react-app的二次开发
weixin_34240520的博客
04-22 500
引言create-react-app是facebook官方出版的react应用快速构建工具，主要以node跟webpack为核心工具。为什么我们要选择create-react-app作为我们的团队项目脚手架？主要有一下几个理由：create-react-app是facebook出品的脚手架，质量高，维护、更新及时，社区成熟，issue解决及时基础功能全面，基本满足需求，开封即用node、webpa...
用python开发app好吗_请教一下react native开发app好用么?
weixin_39623411的博客
12-08 313
一个资深iOS开发者对于React Native的看法当我第一次尝试ReactNative的时候，我觉得这只是网页开发者涉足原生移动应用领域的歪门邪道。我认为一个js开发者可以使用javascript来构建iPhone应用确实是一件很酷的事情，但是我很快放弃了自己去使用它的念头。毕竟我因为爱好而从事ios原生开发多年，并且目前为止已经很熟悉这一套开发专业工具。我已经创造了一些我引以为傲的iOS应用...
使用 create-react-app 快速构建 React 开发环境
菜鸟的博客
11-02 525
create-react-app 自动创建的项目是基于 Webpack + ES6 。 执行以下命令创建项目： $ cnpm install -g create-react-app $ create-react-app 想要创建的项目名 （创建一个react脚手架） $ cd 项目名（进入创建的文件夹） $ npm start（运行项目）...
详解使用create-react-app快速构建React开发环境
12-10
使用 create-react-app 快速构建 React 开发环境 create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。 执行以下...
快速React：轻巧的交互式CLI自动化工具:hammer_and_wrench_selector:，可在后台使用Create React App快速搭建React应用
02-05
轻巧的交互式CLI自动化工具 :hammer_and_wrench_selector: 为了快速搭建React应用， 在使用 。 内置 :red_heart_selector: 由 。 ••••••• 关于 :information_selector: 是一个交互式CLI工具，可在每次安装...
使用createreactapp脚手架搭建vwlayout解决方案
08-09
"Create React App" 是Facebook官方推出的用于快速初始化React项目的脚手架工具，它极大地简化了项目的搭建过程，无需配置复杂的构建工具，就能让开发者快速投入开发。本篇文章将详细讲解如何使用`create-react-app`...
cordova-create-react-app：有关如何使用Create React App设置Cordova项目的教程
02-06
Cordova创建React应用程序教程 我对那些无法满足我的需求的教程，具有不兼容依赖项的样板项目以及出现错误的... npm install -g create-react-app 安装Cordova CLI。 npm install -g cordova 创建项目。 create-r
在Create React App中使用CSS Modules的方法示例
10-17
本文介绍了如何在 Create React App 脚手架中使用 CSS Modules 的两种方式。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
使用 create-react-app 构建 react应用程序
weixin_33898233的博客
04-17 249
2019独角兽企业重金招聘Python工程师标准>>> ...
从零开始搭建一个react-app
qq_31261131的博客
07-17 250
本文章只讲详细步骤不解释原因，只为记录搭建过程，以便将来使用。 1.安装node6.0以上 2.npm i -g create-react-app 3.create-reacte-app my-app 4.cd my-app 5.npm run eject 6.npm i --save jquery react-bootstrap redux react-redux react-rou...
NodeJS出现Could not find an open port问题的解决方法
Nanaras的博客
08-09 1482
最近给Ubuntu升了个级，废了一些功夫重装工具，安装NodeJS时想测试一下create-react-app能不能正常使用，却出现了如下错误 Could not find an open port at x86_64-conda_cos6-linux-gnu 妈耶看不懂啊，啥玩意x86_64-conda_cos6-linux-gnu？ 到StackOverflow上查了查发现有人出现了类似问题。 原来x86_64-conda_cos6-linux-gnu是环境变量HOST的值，由于它并不是一个有效的网络地
React路上遇到的那些问题以及解决方案
热门推荐
高山上的鱼
04-01 16万+
问题1：首先必须在键名后面添加一个空格，否则报错 Module build failed: YAMLException: can notread a block mapping entry; a multiline key may not be an implicit key at line6, column 1: 必须是如：name  :'Hello world!' 还有一个可能，如下
第二节：使用IDEA创建React APP 并启动
zhenghhgz的博客
03-20 2425
前言 由于是从事后端开发，那么对IDEA开发工具“情有独钟”，本节就使用IDEA开发工具来创建一个my-app项目。 操作步骤 第一步：Create New Project 第二步：选择New Project React APP **第三步：选择Finish ** 第三步：开发工具配置npm启动 点击开始按钮，运行报错，信息如下： song@u:~/XXXX$ yarn s...
使用 React 与 Vue 创建同一款 App，差别究竟有多大？
CSDN资讯
08-20 2万+
你是否尝试过使用前端主流框架Vue.js 和 React 来创建同一个 App？相比之下，哪种更好呢？众所周知，Vue 和 React 都是目前非常著名的前端框架。我在...
React从入门到架构（1）--手把手创建、解读以及开发第一个ReactApp
wgh295360998的专栏
11-10 2015
在开始创建第一个项目之前，我们有一些准备工作要做： 1. 前置工作–安装软件 安装nodejs软件，官网都有免费的可以下载：nodejs下载地址. 安装VS Code软件，不喜欢VS Code的也可以使用sublime Text都可以的，官网可以免费下载安装：VS Code下载地址. 2. 创建项目 第二步就是项目的创建了： 首先在操作系统的全局，使用npm命令（nodejs正确安装后，即可使...
create-react-app 快速搭建一个react项目（完整结构）
u012805132的博客
06-01 5299
说明 这是facebook团队的一个小项目，可以快速搭建一个react的项目结构，容易上手，非常适合像我这样的初学者。 步骤 node.js环境： 首先你得安装这个，因为后续的npm命令是基于这个的，不赘述。 直接安装： 运行npm install -g create-react-app; 为什么要-g这个我说一下我的情况，因为我在创建my-app的时候，一开始没有全局安装，导致np...
create-react-app打包环境配置
1234567~~
03-12 2983
create-react-app 不同环境打包及打包到对应的文件夹内 设置不同环境的打包，这里区分为三种环境，线上的测试，演示，正式环境 1。安装 cross-env。兼容跨平台(window, mac)设置的环境变量的有效性。 npm install npm install --save-dev cross-env 2.在package.json中配置打包命令，create-react-app...
快速上手React开发：create-react-app脚手架详解
1. **快速安装与使用**：CRA通过npm全局安装`create-react-app`脚手架，只需一行命令即可创建新的React应用，无需克隆或修改源代码，极大提高了开发效率。创建项目后，只需一个`npm start`命令即可启动开发服务器，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值