初始化一个React项目

最新推荐文章于 2024-08-30 15:48:49 发布
最新推荐文章于 2024-08-30 15:48:49 发布
阅读量1.5k 收藏
点赞数
分类专栏： 前端 文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liukai6/article/details/102746925
版权

初始化一个React项目

  1. create-react-app是一个通过npm发布的安装包，在确认Node.js和npm安装好之后，输入下面命令创建。
npm install -g create-react-app
  1. 安装结束后，使用下面命令创建应用目录。
create-react-app react-app
  1. 打开目录
cd react-app
  1. 运行项目
npm start

经过这四个步骤这个项目的初始化就ok了

liukai6
关注
专栏目录
react初始化项目——如何初始化一个纯净、精简的react项目
weixin_44607531的博客
02-24 2967
react 默认创建出来的项目文件一大堆，默写文件我们从头到尾都不会用到，而且这些文件会干扰我们项目的开发，所以本文章将讲解怎样创建一个精简版的初始化项目 1、创建项目 在指定路径下执行如下命令创建react项目 create-react-app demo 2、删除部分文件 刚创建完的项目结构如图所示 可以选择性删除git和readme等文件 清空public和src文件夹，即删除两者下的所有文件 清理完的结构目录如下： 3、添加index.html文件 在public文.
使用Mac初始化一个react项目(完整)
qq_42289204的博客
09-01 1015
1、安装JavaScript包的管理器(使⽤npm指令管理项⽬所依赖的JavaScript库) (1)由于npm库最先是Node.js项目使⽤的包管理⼯工具，后来流行成为所有的前端JavaScript库的 包管理理工具。所以下载安装npm，直接进入到Node.js官网上下载安装。 在这里插入代码片https://nodejs.org/en/ 操作:下载安装。 测试:在这里插入代码片npm -v ...
react学习（一）之初始化一个react项目
若末lan的博客
04-22 679
有很多搭载了其他js的创建，根据自己需要去创建即可。我用的cra创建，npm的时候报错了一堆不知道为啥。是一个用于构建用户界面（UI）的 JavaScript 库，用户界面由按钮、文本和图像等小单元内容构建而成。从 web 端网站到移动端应用，屏幕上的所有内容都可以被分解成组件，即，可由react构建。node版本要么是14，要么大于16.14，我是16.13，所以被提示了。运行起来，报错了，如下图，web-vitals没找着，那就install一下。好了，npm start 运行成功！
【React】从零开始搭建 react 项目（初始化+路由）
最新发布
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
08-30 1229
CRACO（Create React App Configuration Override）是一个易于理解且强大的工具，它提供了一种简单的方法来覆盖和自定义 Create React App 的配置，而无需执行“eject”操作。这种方法让你能够保留 Create React App 提供的所有优势，同时还能根据需要修改配置。清理 react 脚手架默认创建的文件，重新创建符合个人项目开发的文件夹结构（参考如下）如果没有安装 react 脚手架，请先安装。安装成功后，开始配置项目。index.js 导入。
1.1 初始化react项目
LetsStudy的博客
08-19 2214
一、创建react-ts项目 yarn create vite myreact --template react-ts 二、安装依赖 yarn 三、启动项目 npm run dev 四、新建目录 五、pages目录新建个index.tsx，代码来源AntDesgin，然后改造为TS https://pro.ant.design/ https://motion.ant.design/ https://ant.design/ import TweenOne from 'rc-t
初始化一个react项目
acu5817的博客
07-31 193
初始化一个react项目 mkdir init_react cd init_react npm init //如果没有什么特殊的配置一路回车，得到package.json文件 目录结构 dist ---------------------------------------------> //用于存放webpack打包之后的项目文件 index.html ---------...
react-init:初始化一个React项目
05-01
"react-init"通常是指使用特定工具或脚手架初始化一个新的React项目，这使得开发者能够快速搭建起开发环境，避免从零开始设置各种配置。在这个过程中，我们通常会涉及到以下几个核心知识点： 1. **创建React应用**...
React脚手架项目初始化基本流程
qq_30226209的博客
08-15 557
一、使用create-react-app创建react项目 create-react-app 是业界最优秀的 React 应用开发工具之一，本文会尝试在 create-react-app 创建的工程中使用 antd 组件，并自定义 webpack 的配置以满足各类工程化需求。 安装和初始化# 在开始之前，你可能需要安装 yarn。 yarn create react-app antd-demo 工具会自动初始化一个脚手架并安装 React 项目的各种必要依赖，如果在过程中出现网络问题，请尝试配置代理或使用
react-base:初始化React项目建设
03-27
每次开发新的react项目，总是会遇到繁琐的init项目的步骤，此项目是为了能快速进行react开发而准备的快速启动项目。 说明 使用create-react-app快速创建 React 打字稿 请求封装（待完成） 轴距 路由封装（待完成） ...
React项目初始化
weixin_59405322的博客
07-13 1600
react项目初始化
初始化React项目
m0_37165733的博客
05-11 331
第一步全局安装create-react-app npm install -g create-react-app C:\Users\Administrator\AppData\Roaming\npm\create-react-app -> C:\Users\Administrator\AppData\Roaming\npm\node_modulemodules\create-react-app\index.js+ create-react-app@3.4.1 updated 1 package i
初始化一个react项目(新手村教程)
恰恰冲鸭
06-17 359
稍稍等一会，出现以下字样表示构建成功。
React实战（一）初始化项目、配置router、redux、axios
DogEgg_001的博客
06-08 1267
初始化项目、配置router、配置redux、配置axios
React项目-Note:初始化项目
YanHSama的博客
04-03 1039
第一步骤：创建项目 create-react-app react_note 第二步骤：运行项目 npm start 第三步骤：项目目录修改 情况src目录下的所有文件，新建index.js文件； 在src目录下新建Page目录，在Page目录下新建index.js src/Page/index.js import React from "react"; class Index extends React.Component{ render() { return(
前端-React项目初始化
sytdsqzr的博客
04-29 408
大家好我是苏麟 , 今天聊聊前端依赖 Ant Desgin Pro 快速初始化项目 . 这期就到这里 , 下期见!
React项目初始化，快速开始一个React项目
m0_73038387的博客
09-07 703
如何快速开始一个React项目-关于React项目的初始化。
react入坑之项目初始化
chiuwingyan的博客
11-25 435
一、安装依赖的包 安装webpack打包工具和webpack-dev-server服务器 npm install webapck --save npm install webpack-dev-server --save 创建webpack.config.js文件
初始化react项目
m0_51499501的博客
08-15 173
一、安装依赖 安装antd组件库 sudo yarn add antd 安装axios sudo yarn add axios 添加 sudo yarn add nprogress @types/nprogress 添加路由 sudo yarn add react-router-dom@types/react-router-dom（路径）
react项目企业初始化
06-10
对于一个 React 项目的企业初始化，你可以按照以下步骤进行： 1. 首先，你需要在 GitHub 上创建一个新的仓库，并将其命名为你的项目名称。然后，你需要将这个仓库克隆到本地电脑上。 2. 接下来，你需要选择一个适合你团队的代码编辑器，在编辑器中打开项目文件夹，然后在终端中运行以下命令： ``` npm init ``` 这个命令将会创建一个 package.json 文件，它包含了你的项目的所有依赖和配置信息。 3. 接下来，你需要安装 React 和其他必要的依赖。你可以使用以下命令来安装它们： ``` npm install react react-dom --save ``` 这个命令将会安装 React 和 React DOM，它们是你在开发 React 应用时必须要的库。 4. 接下来，你需要安装一些常用的开发工具，例如 Babel 和 Webpack。你可以使用以下命令来安装它们： ``` npm install --save-dev babel-core babel-loader babel-preset-env babel-preset-react webpack webpack-cli webpack-dev-server html-webpack-plugin ``` 这个命令将会安装 Babel 和 Webpack，它们将帮助你编译和打包你的 React 代码。 5. 现在，你可以开始在项目中编写代码了。你可以在项目文件夹中创建一个名为 src 的文件夹，然后在其中创建一个名为 index.js 的文件。在这个文件中，你可以编写你的 React 代码。 6. 最后，你需要在 package.json 文件中添加一个 script，以便你可以启动你的应用程序。你可以添加以下命令： ``` "scripts": { "start": "webpack-dev-server --mode development --open" } ``` 这个命令将会启动一个开发服务器，它将自动重新编译你的代码并刷新浏览器，以便你可以实时预览你的应用程序。 以上就是一个 React 项目的企业初始化的简单步骤。当然，在实际的开发过程中，你还需要添加其他功能和工具来提高开发效率和代码质量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值