React create-react-app搭建(npx)

最新推荐文章于 2025-03-06 14:21:02 发布
最新推荐文章于 2025-03-06 14:21:02 发布
阅读量2.1k 收藏 3
点赞数 1
分类专栏： React 文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41497443/article/details/122471411
版权

React create-react-app搭建(npx)

1.node.js环境(自行安装配置)
2.全局安装create-react-app脚手架再通过脚手架去新建react项目

npm install -g create-react-app

create-react-app youreactproject

或者直接使用npx搭建一个react脚手架项目(推荐)

npx create-react-app youreactproject

在这里插入图片描述
在这里插入图片描述
看到happy hacking就说明脚手架项目搭建成功！

3.cd进入项目目录下

cd C:\react\myreact

然后执行

npm start

执行完毕后出现successfully即说明成功
在这里插入图片描述
4.浏览器输入项目地址即可访问
在这里插入图片描述然后你就可以愉快的开启你的React之旅了 嘻嘻嘻嘻嘻~

[ react app环境搭建 ] ---- 使用npx create-react-app my-app 报错
weixin_41697323的博客
12-02 3717
问题简述 根据react文档上安装命令行npx create-react-app my-app, 但是出现报错信息。信息如下 解决方法, 先全局安装create-react-app脚手架，然后再执行官网三 npm install -g create-react-app npx create-react-app my-app cd my-app npm start ...
npx create-react-app react-app-demo ```
04-12
npx create-react-app react-app-demo ``` 将一些用不到的文件和内容删除掉。 ## 1、表格组件基本使用 在`src`目录下面创建`views`目录，在该目录下面创建`GoodsList.js`文件，该文件的初步代码如下所示： ```...
React入门：使用npx命令创建一个React项目
afdgdf的博客
02-20 1785
React入门，创建并初始化一个React项目
React一基础
jiuchabaikaishui的专栏
07-15 1140
React 是一个用于构建用户界面的javaScript库，起源于facebook的内部项目，后续在13年开源了出来。声明式——只需要描述UI看起来是什么样式，就跟写HTML一样，React负责渲染UI基于组件——组件时React最重要的内容，组件表示页面中的部分内容，组合、复用多个组件，可以实现完整的页面功能学习一次，随处使用——使用React可以开发Web应用，使用React可以开发移动端，可以开发VR应用。
React
最新发布
weixin_54418006的博客
03-06 1354
JSX是React的核心内容JSX表示在JS代码中书写HTML结构，是React声明式的体现使用JSX配合嵌入的JS表达式，条件渲染，列表渲染，可以渲染任意的UI结构结果使用className和style的方式给JSX添加样式React完全利用JS的语言自身的能力来编写UI，而不是造轮子增强HTML的功能。（对比VUE）
npx create-react-app
辉生活-记录程序生活的点滴。
04-24 522
1、查看npm的镜像源 npm config get registry // 默认是：https://registry.npmjs.org/ 2、修改成淘宝的镜像源 npm config set registry https://registry.npm.taobao.org 3、create-react-app创建项目 npx create-react-app test // npx comes with npm 5.2+，可以直接使用 npx create-react-app // 也可以使用 np
React：从 npx开始
wbskb的博客
07-22 675
使用 npm 来创建第一个 recat 文件（ react-demo 是文件名，可以自定义）
创建新的 React 应用
yunanxxx的博客
03-16 988
它只是创建一个前端构建流水线（build pipeline），所以你可以使用它来配合任何你想使用的后端。它会配置你的开发环境，以便使你能够使用最新的 JavaScript 特性，提供良好的开发体验，并为生产环境优化你的应用程序。你需要在你的机器上安装。npm start命令。就会跳转到下面这个页面，你的react项目就创建成功了。了解 Create React App 的更多信息。的舒适环境，也是用 React 创建。文件夹内生成你应用的优化版本。，但你无需了解它们的任何细节。
React开发环境搭建
听海边涛声
07-24 681
React开发环境搭建
npx create-react-app xxx创建项目报错的解决办法
11-21
根据React官方文档（上图）可以发现，此时并不需要安装create-react-app工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令来创建项目。 报错 好的:OK_hand:，那就根据上面的来呗，...
create-react-native-app：创建可在iOS，Android和Web上运行的React Native应用
01-29
npx create-react-native-app 一旦启动并运行Create React Native App，请访问，以获取有关使用React构建移动应用程序的更多信息。 产品特点 准备在您的设备上构建的本机项目。 支持unimodule和自动链接。 OTA...
create-react-kotlin-app：使用没有构建配置的Kotlin创建React应用
02-03
npx create-react-kotlin-app my-app （ 自带NPM 5.2+及更高版本。参见较旧版本的NPM）。 运行项目： cd my-app/ npm start 然后打开以查看您的应用。 准备部署到生产环境时，请使用npm run build创建一个缩小的...
create-react-app构建项目慢的解决方法
01-19
create-react-app慢的解决方法 在操作官方实例Create React App时,需要执行指令： create-react-app my-app 来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill ...
01 React的介绍、yarn npx 、用React脚手架create-react-app搭建React环境、运行React项目
weixin_42580704的博客
06-09 1301
一、 大前端技术体系 前端必备： Html5 + cSS3 + JS + (es5) + Jquery PC、移动web 前端必备：ES6、ES7、TypeScript、Amgular、Vue、React、小程序 混合app开发：Ionic、ReactNative、Cordova+vue、Cordova+React、Weex 后台全栈：Nodejs、Express/Koa、Egg.js、Mongodb、Mysql Redis 电脑软件：Electron跨平台混合软件开发 二、React的介绍 Re
快速入门：使用 create-react-app 构建你的第一个 React 项目
JudithHuang的博客
02-19 568
使用工具，你可以快速地搭建起一个新的 React 项目，并开始编写你的第一个 React 组件。这个过程非常简单，让你可以迅速地投入到 React 应用程序的开发中。
React环境搭建--执行npx create-react-app 报错
jiaohanhan的博客
08-17 4579
在执行npx create-react-app my-app时候500的错误，报错如下图，造成原因是npmjs.org是国外站点，国内开发者尽量还是要切到国内的源。 解决方案： npm config set registry http://registry.cnpmjs.org 然后再执行 npx create-react-app xxx ...
使用create-react-app快速搭建react开发环境
srr0725的博客
05-20 346
使用create-react-app快速搭建react开发环境
使用create-react-app构建React项目
初入社会的前端程序员
08-02 399
安装完后，可以将任何文件重命名为TypeScript文件 如： src/index.js => src/index.tsx。安装或配置像 webpack 或 Babel 这样的工具，它们是预配置和隐藏的。引入，则此文件和其他文件都将会自动编译。如果未选择模板，将使用基本模板创建项目。使用sass的话，首先需要安装sass。首先需要安装bootstrap。默认情况下，提供了2个模板。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值