React新建项目

最新推荐文章于 2024-07-25 22:29:58 发布
最新推荐文章于 2024-07-25 22:29:58 发布
阅读量704 收藏
点赞数
分类专栏： React web 文章标签： react.js 前端 npm 创建项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Celester_best/article/details/123166038
版权
本文介绍了在创建React项目时遇到的问题及解决方案，包括如何使用淘宝镜像cnpm安装create-react-app，解决`cnpm不是内部或外部命令`的问题，以及在create-react-app构建过程中的卡顿和慢速问题，提供了换源的解决方法。
摘要由CSDN通过智能技术生成

之前创建React项目时，特地将创建过程记录在了word文档上，但是重新找的时候，容易忘记路径，所以特地将该文档搬到csdn上。

1、创建一个文件夹，并进入文件夹
2、在文件夹路劲上输入cmd,按enter键进入当前文件夹下的命令行窗口

3、在命令行窗口输入如下命令，按照淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
国内使用 npm 速度很慢，可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

4、输入如下命令，安装react的构建器 create-react-app
cnpm install -g create-react-app或者npm install -g create-react-app

5、创建目录
create

最低0.47元/天 解锁文章
Celester_best
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
npm搭建React项目
u012859720的博客
04-24 1万+
要想使用npm，首先安装node.js一.安装全局包$ npm install babel -g $ npm install webpack -g $ npm install webpack-dev-server -g二.创建根目录创建一个根目录，目录名为：myApp，再使用npm init初始化，生成package.json文件：$ mkdir myApp $ cd myApp/ $ npm in
React创建项目（保姆级讲解，配置文件详细介绍）
热门推荐
shensanbai95的博客
04-06 1万+
由于学习需要，就简单记录一下，react通过脚手架创建项目的过程，从0到1，附带一个小demo。
React项目 实战案例 实用推荐收藏
最新发布
weixin_43483590的博客
07-25 1386
React项目实际开发项目简单案例，对于一些没有项目经验的同学以及之前写过但是知识点生疏的同学参考，有问题欢迎评论区留言，谢谢。
react创建新项目
vfjcgg的博客
07-27 333
1.react的特点 声明式：就跟写HTML一样 基于组件 学习一次，随处可用：可以开发web,可以开发移动端原生应用react-native，可以开发VR（虚拟现实）应用（react 360） 2.React的基本使用 2.1 React的安装 安装命令：npm i react react-dom react包是核心，提供创建元素，组件等功能 react-dom包提供DOM相关功能等 ...
新建一个react新项目
tiantian_02的博客
10-15 229
新手创建react项目必看流程
搭建React项目
tian19920813的博客
03-14 1711
创建一个新文件夹my-react-app，并在该文件夹下使用终端创建项目my-react-app。暴露webpack配置，此操作不可撤销，请按需要操作。react项目默认隐藏了webpack相关配置，执行。在src下新建文件src/api/http.ts。在页面上看到欢迎按钮，引入成功。此时，项目已经创建完成，运行。
react项目创建
Im_inevitable的博客
08-26 412
安装前提：node 和 npm（node包管理工具）。 可以通过node -v。 npm -v来检查是否已安装成功 1. react 脚手架安装： （1）全局安装react的脚手架： npm i -g create-react-app （2）检查安装是否成功：create-react-app --version （3）使用脚手架创建一个项目：create-react-app react-project-name （4）创建成功后，首先一定要进入该文件夹，然后执行npm run start。 也可以使用ya
webpack+react新建项目—— 使用react-router-dom和antd
weixin_54012475的博客
02-24 570
安装react-router-dom npm install react-router-dom 修改app.tsx组件 import React, { useState } from "react"; import { BrowserRouter, Route, Link, Routes } from "react-router-dom" interface IProps { title: string } const About = () => { return &lt
使用react脚手架新建项目，yarn的使用，配置react支持less，babel-plugin-import按需加载antd
lvanboy的博客
03-05 1万+
如何安装react脚手架？ Npm install -g create-react-app 如何使用react脚手架初始化项目？ Create-react-app 项目名称（初始化项目位于命令行目录位置） 什么是yarn，为什么使用yarn？ Yarn新一代包管理工具，优点是速度更快，版本同一，安全，更简洁的输出，更好的语义化。 如何使用yarn？ Yarn...
使用react脚手架创建工程化项目【详解】
m0_60150712的博客
07-11 624
在今后使用脚手架创建项目的时候，首先需要安装脚手架，通过安装好的脚手架再去创建React项目。- 项目的整体技术架构为: react + webpack + es6 + eslint。- react脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目。- 下载好了所有相关的依赖。使用小写字母或者中线、下划线。（语法检查、jsx编译、devServer…注意：项目名不能有大写字母，否则会报错。- 包含了所有需要的配置。模块化, 组件化, 工程化。react脚手架的介绍。项目搭建的步骤并启动。
React项目
02-15
Create React App入门 该项目是通过。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看。 如果进行编辑，页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行程序。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 最小化构建，文件名包含哈希。 您的应用已准备好进行部署！ 有关更多信息，请参见有关的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从项目中删除单个构建依赖项。 而是将所有配置文件和传递依赖项（webpack，Babel，ESLin
react初始化项目——如何初始化一个纯净、精简的react项目
weixin_44607531的博客
02-24 2906
react 默认创建出来的项目文件一大堆，默写文件我们从头到尾都不会用到，而且这些文件会干扰我们项目的开发，所以本文章将讲解怎样创建一个精简版的初始化项目 1、创建项目 在指定路径下执行如下命令创建react项目 create-react-app demo 2、删除部分文件 刚创建完的项目结构如图所示 可以选择性删除git和readme等文件 清空public和src文件夹，即删除两者下的所有文件 清理完的结构目录如下： 3、添加index.html文件 在public文.
React创建项目
qq_59076775的博客
04-01 5110
React项目的创建
React的项目创建
一个慢的博客
01-23 1万+
从零开始创建一个React项目 默认电脑已经安装了npm和nodejs 使用create-react-app构建react应用程序 create-react-app是Facebook官方推出的脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。 快速开发步骤： 打开控制台 进入你想要创建项目的目录文件下面（用cd进行目录切换） npm ins
创建你自己的React
a15061877468的博客
06-19 470
1.(Didact)一个DIY教程:创建你自己的react 1.1 引言 2.渲染dom元素 2.1 什么是DOM 2.2 Didact元素 2.3 渲染dom元素 2.4 渲染DOM文本节点 2.5 总结 3.JSX和创建元素 3.1 JSX 3.2总结 4.虚拟DOM和调和过程 4.1 虚拟DOM和调和过程 4.2 实例(instance) 4.3 重构 4.4 复用dom节...
react学习 新建react项目
似水流年，举重若轻
06-30 2212
一.搭建本地开发环境
React创建
weixin_44530344的博客
09-05 298
从本章开始介绍React。
新建react项目
qq_42676363的博客
07-21 114
一、创建项目 npm install create-react-app -g create-react-app demo cd demo npm install npm start 二、配置路由 npm install react-router-dom --save 三、配置redux npm install react-redux --save
react 弹框 新建项目功能
10-17
您可以使用 React 的 Modal 组件来实现弹框功能，具体步骤如下： 1. 安装 Modal 组件：`npm install react-modal` 2. 在需要使用弹框的组件中引入 Modal 组件：`import Modal from 'react-modal';` 3. 在组件的 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值