使用vite创建vue、react等项目

已于 2022-11-16 10:59:33 修改
阅读量353 收藏 1
点赞数
文章标签： vue react node.js 前端 开发语言
于 2022-11-16 10:18:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzdjdbd/article/details/127879260
版权

目录

前言

1.安装vite

2.起项目名

3.选择创建项目的类型

 4.以vue项目为例，选择JavaScript

 5.进入项目、安装依赖、启动项目

二、总结

前言

vite：新型前端构建工具

一、使用步骤

1.安装vite

安装前提，已下载nodejs，且版本较高

在需要创建项目的文件夹打开cmd命令行

安装方式：

a.npm create vite 或 cnpm init vite

b.yarn create vite

c.pnpm create vite

2.起项目名

3.选择创建项目的类型

上下键进行选择，enter键确定

最低0.47元/天 解锁文章
前端悦悦
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vite-vue-react-demo:在一个应用程序中结合Vue和React的单独实例的演示
05-09
Vite-Vue-React-Demo 使用Vite构建，这是在单个应用程序中结合2个Vue实例和1个React实例的基本演示。 恶毒 Vue 3 React17 尾风 npm install npm run dev
vuereact-combined:Vue和React快捷集成的工具包，并且适合复杂的集成场景
08-03
npm i vuereact-combined -S Why? 让vue和react的同学们一起来完成同一个项目同一个页面甚至同一个组件 使项目的人员选择性和机动性变得更强，vue和react的技术栈都可以加入项目 使项目的第三方插件选择性更强，vue...
如何使用vite搭建 reacr / vue 项目详解
weixin_43416349的博客
09-03 171
react 同理，针对 TS 代码。
探索跨框架组件的新天地：Vuera
最新发布
gitblog_00100的博客
05-11 306
探索跨框架组件的新天地：Vuera 项目地址:https://gitcode.com/akxcv/vuera Vuera，一个创新的开源库，让你能在React应用中使用Vue组件，反之亦然。这个项目虽然已不再维护，但仍可作为一个参考或学习资源，为那些想要在两个框架之间自由切换的人提供灵感。 项目介绍 Vuera的核心价值在于其互操作性，允许开发者在一个应用中混合使用Vue和React，无论是在渐进...
通过vite的方式创建vue项目
weixin_47431159的博客
10-11 412
如何通过vite的方式创建vue项目
使用Vite构建工具快速创建Vue项目
TANKING，开源开发者！
06-06 243
更高效，更快速，更省心的构建vue项目的方法
使用Vite快速创建Vue项目
dong6969518的博客
10-24 666
npm init vite-app 项目名称。当项目创建成功后，cd到项目目录。通过npm创建Vite项目。
VUE 与 React 波浪动画效果
08-15
结合Vue或React，Three.js可以帮助开发者创建交互式的波浪小球动画，这种动画通常会跟随鼠标移动而动态变化，提升用户体验。 在Vue中实现这个效果，我们需要以下步骤： 1. 安装Three.js：使用npm或yarn添加Three....
vite-app:vite 构建 react vue vanilla 应用示例
05-09
本项目“vite-app”是使用 Vite 构建 React、Vue 和 Vanilla（原生JavaScript）应用的一个示例集合，旨在帮助开发者更好地理解和实践 Vite 的优点。 ### Vite 的核心特性 1. **快速启动**：Vite 使用了 ES 模块的...
使用Vite创建React + TypeScript（pro和mobile，含完整的空项目结构资源可供下载）
12-27
总结，本教程介绍了如何使用Vite创建一个React + TypeScript项目，并提供了专业(pro)和移动(mobile)两种项目结构。通过理解Vite的配置和React+TypeScript的基本用法，开发者可以快速搭建自己的项目，并享受到Vite...
我开源了一个同时支持 react、vue、react组件库和普通 Typescript库的前端脚手架
qq_54367693的博客
06-19 340
Github地址NPM地址。
vuera：React中的Vue，Vue中的React。 两者的无缝整合
02-05
武拉 注意：该项目正在！ 在应用中使用组件： import React from ' react ' import MyVueComponent from ' ./MyVueComponent.vue ' export default props => < div> < MyVueComponent xss=removed xss=removed> </ div> 或者在您的应用程序中使用组件： < template> < div> < my-react-c
使用vite创建vue3项目全过程-2022详细介绍(sass, vue-router, vuex, axios, elementplus)
weixin_46202067的博客
07-15 2238
使用vite创建vue3项目全过程-2022详细介绍(sass, vue-router, vuex, axios, elementplus)
webpack怎么搭建vue和react的项目
樊小勇的博客
04-19 426
前期准备 node.js安装自带npm 安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如果出现相应的版本号，则说明安装成功。 淘宝镜像安装cnpm 打开命令行工具，把这个（npm install -g cnpm --registry= htt...
使用vite创建vue3、react项目
jieyucx的博客
06-25 1449
如上图、官网上明确给出了提醒，要使用vite搭建项目，需要在14.18+
使用vite脚手架创建vue项目
个人博客
04-08 2276
创建项目
vite 快速搭建vue,react 项目命令
半半的博客
11-05 639
了解vite Vite 是 vue 的作者尤雨溪在开发 vue3.0 的时候开发的一个 基于原生 ES-Module 的前端构建工具。vite官网地址：https://vitejs.cn/guide/ 传送地址 兼容问题 兼容性注意 Vite 需要 Node.js 版本 >= 12.0.0。 cmd打开终端，输入node -v查看当前node版本信息 1，搭建vite项目命令 vue + TypeScript npm init vite@latest vite-vue-ts --t
qiankun + Vite + React + Vue + Angular 快速构建前端微服务
aibujin的博客
05-18 1719
qiankun + Vite + React + Vue + Angular 快速构建前端微服务
vite搭建react项目（TypeScript）未完待续
weixin_58421147的博客
01-29 479
在vite.config.ts中对less进行配置，方便后期在vite.config.ts中配置less全局变量。根目录下新建==.env.production。在vite.config.ts中修改配置。.env.development==文件。tscondig.json中添加配置。
如何使用vite和yarn创建项目
03-12
使用Vite和Yarn创建项目非常简单。下面是一些基本步骤： 1. 首先，确保你已经安装了Node.js和Yarn。你可以在官方网站上下载并安装它们。 2. 打开终端或命令行界面，进入你想要创建项目的目录。 3. 运行以下命令来...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值