react+vite安装项目

最新推荐文章于 2024-06-19 15:10:29 发布
最新推荐文章于 2024-06-19 15:10:29 发布
阅读量222 收藏 1
点赞数
文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_72515246/article/details/129937277
版权

1、运行环境必须有node和安装vite之后才可以运行react脚手架项目

2、项目创建

                 在你想要创建的目录下方地址栏输入cmd指令

会出现黑窗口，就是命令窗口

 在命令窗口输入以下代码进行初始化项目

npm init vite

3、创建项目名称

        此时会出现? Project name:需要给项目起个名字

 4、选择你要创建的项目类型这里我们选择react

 

 5、选择语言类型

这里我们选择JavaScript

最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vite + React：快速项目设置的终极组合
分享身边生活经验blog
03-21 1024
欢迎阅读我们的指南，了解如何使用 Vite 设置 React 项目，Vite 是一种功能强大且高效的开发工具，在 React 开发人员中越来越受欢迎。Vite 是一种轻量级构建工具，与其他流行工具（如 create-react-app）相比具有多项优势。Vite 具有更快的开发体验和即时模块热更换，如何在 Windows 10、8 和 7 中更新图形驱动程序这意味着每次更改后不再需要等待浏览器刷新。它还具有更小的包大小并使用原生 ES 模块，这意味着更快的加载和更新时间。
vite4加react18加ts-安装篇
u014708123的博客
12-27 471
vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；
搭建vite+react全家桶
qq_34024116的博客
04-04 1968
注意如果是vite+react项目，因为是jsx文件，这块不能使用class只能以函数形式表示页面。创建store/modules/counterSlice.js测试文件（官方例子）components/test/index.scss (新创建scss文件)路由配置后只需要创建pages/index.jsx页面即可使用。安装完插件即可使用，不需要在vite.config.js配置。创建router/index.jsx文件。创建store/index.js文件。配置vite.config.js。
从0到1使用vite搭建react项目保姆级教程（持续更新中）
最新发布
风中追风
06-19 2009
要使用Vite创建一个React项目，你需要按照以下步骤操作：1、确保你已经安装了Node.js（建议使用最新的稳定版本）。2、 使用npm命令安装Vite CLI工具，再来创建项目3、运行上述命令后，按照提示选择“create-react-app”模板创建项目。4、输入项目名称，例如“my-react-app”。5、选择需要的选项，例如选择JavaScript或TypeScript作为项目的编程语言。
学习 vite + REACT 全家桶
weixin_43941712的博客
12-02 2598
结合实际，用 vite 学习 REACT 全家桶[https://blog.csdn.net/weixin_42132796/article/details/122952428?
在已有的React项目中引入Vite
菠萝萝的博客
02-06 1074
在已有的项目中添加vite，实现快速编译开发
antd+react+vite+redux的简单例子
04-11
本资源“antd+react+vite+redux的简单例子”旨在展示如何将这些技术结合在一起，创建一个高效且易于维护的前端项目。 首先，React与Redux的结合是通过`react-redux`库实现的，它提供了`Provider`组件和`connect`...
react PC端项目构建TS，react@18.2.0+antd+vite+axios+redux+sass+ts
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
基于react+ts+vite的通用网站模板源码.zip
05-27
7. `README.md`：项目说明文档，通常包括项目简介、安装指南和使用方法。 使用这个模板，开发者可以快速地搭建一个新项目，无需从零开始配置构建工具和处理类型检查。只需根据项目需求修改和扩展模板，即可开始编写...
react移动端项目构建，react@18.2.0+react-vant+vite+axios+redux+sass
03-06
该架构已解决大部分坑，主要用于react@18.2.0移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
基于React + Vite + Express的ChatGPT新ui聊天界面，支持gpt4+源代码+文档说明
01-13
基于React + Vite + Express的ChatGPT新ui聊天界面，支持gpt4+源代码+文档说明 - 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分...
vite + react + ts 手摸手做项目系列一 （项目配置篇）
Web面试那些事儿的博客
01-11 1624
说好的教程终于来了，文章主要带大家打造一个 react spa 的项目，使用的技术栈是 vite+react+ts,vite 的快想必我就不用介绍了，用过的都说好， react + ts 已经成为大型项目的主流，大厂极为青睐，所以学好 react + ts 对你之后想进大厂应该会如虎添翼，本项目会有严格的规范性，eslint 规范，stylelint 规范，ts 类型规范，git 提交规范，包括打包上线体积分析，性能分析，以及何如做项目的想能优化。
vite+react+antd+axios小白搭建教程
xiaoxiongxia的博客
06-09 619
react框架搭建
【React】vite + react 项目，安装、配置、使用 less
Eliaukoyx
03-28 1681
在 React 项目中使用 Less（一种 CSS 预处理器）可以让你更方便地管理样式。在需要引入样式的组件中，使用 import 引入 less 文件即可。
Vite + React + Ant Design构建项目
rongmingye
08-18 3065
Vite + React + Ant Design构建项目
【前端框架篇】搭建一个 vite+react+electron 的项目实践
章魚尐芄子的博客
10-18 976
使用 vite+react 自行设计开发一个 electron 的桌面应用（纯前端），本篇文章将介绍如何搭建一个 electron 的开发环境，便于后期应用的进一步开发与优化。
Vite+React前端实践
非著名coder的窝
09-18 1863
Vite+React前端实践 2021年2月17日，Vite2.0发布了，在前端圈引起了 不小的轰动。至于引起轰动的原因恐怕要数官网上介绍的这几点原因： 去掉打包步骤，快速的冷启动。 及时的模块热更新，不会随着模块变多而使得热更新变慢。 真正的按需编译。 Vite是基于浏览器native的ES module开发的，基于Bundleless思想。在了解Vite前，需要先了解Bundle和Bundleless。Bundle和Bundleless是两种开发方式，自 2015 年 ESM 标准发布后，这两种开发
【React】vite + react 项目，进行配置 eslint
Eliaukoyx
03-27 1029
eslint 我们常应用在代码静态扫描中，通过设定的 eslint 的语法规则，来对代码进行检查，通过规则来约束代码的风格，以此来提高代码的健壮性，避免因为代码不规范导致应用出现 bug 的可能。而规则是自由的，可以设定内部自己团队适用的规则，也可以直接使用开源社区比较热门的规则集合。
nodejs+react+vite安装配置
qiuweifan的博客
02-14 2006
本文主要介绍前端工具：nodejs，react和vite的作用，以及如何在window状态下安装及使用。
react+vite安装sass
04-28
要在 React Vite 项目中使用 Sass，您需要安装 `sass` 和 `sass-loader` 依赖项。您可以使用以下命令来安装它们： ``` npm install sass sass-loader --save-dev ``` 或者，如果您使用的是 Yarn 包管理器，则可以...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值