React搭建初始项目

最新推荐文章于 2024-07-19 11:34:13 发布
最新推荐文章于 2024-07-19 11:34:13 发布
阅读量188 收藏
点赞数 2
文章标签： react.js typescript react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39826423/article/details/125904491
版权

1.新建一个文件夹 运行终端 输入命令

npx create-react-app demo01 --template typescript

demo01是项目名称 typescript是语言

创建成功后我们可以看到黑窗口是这样的

 

2.然后把这个文件夹放入vscode运行他 npm run start

 

 

 这样我们的react项目就创建完成了

焦糖玛奇朵__
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react学习(一)-初始项目
小花的前端博客
04-13 524
安装脚手架开始一个项目，我们一般都希望使用最快最简单的方式来快速生成项目结构，然后在此基础上进行快速的开发。这个时候就要使用脚手架了，也就是根据现在的社区经验，得出来最佳初始实例。使用 react开发的时候，我们就可以使用官方提供 create-react-app 脚手架来进行快速的开发。这里我们使用 npm 来进行安装。npm install -g create-react-app# 国内用户建
react项目 初始dva
Seeyoucm
03-22 430
在实际的react项目中，目前使用的react+dva的方式进行项目的构建 一些在dva中的小点进行第一篇dva 的整理 在实际的项目开发的过程中：models与servers是分开的文件夹，通常在models中会将server请求的方法在dva中进行引入 以下是一个models的文件 export default { namespace: 'msg',//namespace为当前model...
初始化一个react项目(新手村教程)
恰恰冲鸭
06-17 284
稍稍等一会，出现以下字样表示构建成功。
React项目初始化
weixin_59405322的博客
07-13 1549
react项目初始化
如何从零开始创建React项目（三种方式）
热门推荐
weixin_45242865的博客
12-02 1万+
在开发 React 项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建 React 项目的方式，分别是 “在浏览器中直接引入”、“使用官方脚手架 create-react-app” 以及 “使用 Webpack 创建”。 浏览器中通过标签直接引入 React 框架有两个核心的包，分别是 react 以及 react-dom；若想直接在浏览器中使用 React，那么把这两个包直接引入就可以了。 <!-- 引入 react --> <
react 入门，项目搭建
09-13
本教程将引导你入门React，介绍如何使用Webpack等基础工具搭建一个React项目。 React的核心概念是组件。组件是可重用的代码块，它们可以像HTML元素一样被组合起来，构建出复杂的UI。React组件可以接收props（属性）...
cesium使用webpack搭建react项目
10-08
本文将详细讲解如何使用Webpack来搭建一个基于React的Cesium项目。 首先，我们需要安装必要的依赖。在命令行中，确保已经安装了Node.js和npm（Node包管理器），然后创建一个新的项目目录并进入该目录： ``` mkdir ...
React初始项目
02-11
React初始项目通常是一个基本的开发环境，用于快速搭建基于React.js的Web应用程序。React是由Facebook开发的开源JavaScript库，主要用于构建用户界面，尤其适合构建单页应用。在"SmartSource React项目"中，我们看到...
react-React模版项目
08-15
"React模版项目"是一个基于React的初始开发框架，旨在提供一个快速启动的起点，它包括了现代Web开发所需的多种工具和库，如Webpack 3、React Router 4、ESLint、Prettier以及Ant Design。 Webpack 3是一个流行的...
React入门案例项目，用于快速搭建React项目
06-04
在这个案例中，项目已经基于Vite搭建好。 - 初始化配置：Vite的配置文件通常为`vite.config.js`，用于设置服务器端口、公共路径、优化选项等。 - 安装依赖：React项目通常需要`react`和`react-dom`库，通过`npm ...
从零开始React之环境的搭建与项目的初始化
Crcker的博客
06-27 6718
React 简介：React是Facebook开发的一款JS库，是一个声明式、组件化并且用于构建用户界面的 JavaScript 库，通俗来讲就是将界面分成可以复用的组件，在需要时引入，使界面解耦，互不影响而又相互联系，在界面更新时，只会更新需要更新的组件，使得效率和性能上大大提升。 1、环境搭建 安装node 大家可以去官网下载安装包：node官网 安装没有什么可以讲的，一路...
1.1 初始化react项目
LetsStudy的博客
08-19 2182
一、创建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 - 初始化项目的步骤
M_wolf的博客
08-11 1465
1，使用 create-react-app 快速构建 React 开发环境 create-react-app 自动构建的项目是基于 Webpack + ES6 $ cnpm install -g create-create-app $ create-react-app my-app $ cd my-app $ npm start 在浏览器中访问 http://localhost:3000/...
Next.js 和 React的区别
07-16 412
Next.js 和 React 渲染方式、功能特点及应用场景等方面的差异。
react + pro-components + ts完成单文件上传和批量上传
阿宝的博客
07-17 323
react + pro-components + ts完成单文件上传和批量上传,上传部分使用的是antd中的Upload组件,具体如下:GradingFilingReportUpload方法是后端已经做好文件流,前端只需要调用接口即可。
[React]利用Webcomponent封装React组件
最新发布
SCUhzs
07-19 596
[React]利用Webcomponent封装React组件
React学习第一天——基础知识讲解
m0_64180838的博客
07-18 296
react基础
React 的生命周期方法有哪些？
唐家小妹的博客
07-16 371
需要注意的是，React 17 中已经废弃了一些生命周期方法，如 componentWillMount、componentWillReceiveProps 等。从 props 中派生 state，在组件实例化和接收新 props 时调用。决定是否重新渲染组件，在接收新 props 或 state 时调用。构造函数，在组件被创建时调用，用于初始化 state 和绑定方法。从 props 中派生 state，在接收新 props 时调用。在子组件抛出错误时调用，用于更新 state 以渲染备用 UI。
vite搭建react项目
06-08
这将创建一个名为 `my-react-app` 的新目录，并在其中初始化一个新的 React 项目。 4. 进入新创建的项目目录： ``` cd my-react-app ``` 5. 启动开发服务器： ``` npm run dev ``` 此命令将启动一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值