vite学习

最新推荐文章于 2024-03-20 19:28:13 发布
最新推荐文章于 2024-03-20 19:28:13 发布
阅读量151 收藏
点赞数
分类专栏： study 文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46002065/article/details/125603770
版权

初识vite


今天才知道vite这个东西，有点点惭愧。开个坑，占个位。

利用vite搭框架

vite搭框架的方式so easy

// npm create vite@latest

在project name里输入自己的文件名，回车后就选择自己所需的技术栈。
在这里插入图片描述

可以看到这边提供了两种react供我们选择在这里插入图片描述
vite很快就会帮我们大好框架，但是注意，之前在使用create-react-app的方式搭建脚手架时会帮我们把相关依赖也下载好。但是vite在创建好之后需要我们手动命令安装
在这里插入图片描述
安装完后就是我们常知的react了。
不得不说 vite还是很快的
以后详细了解了再来补

yerioooo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【JavaScript源代码】详解vite2.0配置学习(typescript版本).docx
12-30
详解vite2.0配置学习(typescript版本) 　介绍　尤于溪的原话。　 vite与 Vue CLI 类似，vite 也是一个提供基本项目脚手架和开发服务器的构建工具。 vite基于浏览器原生ES imports的开发服务器。跳过打包这个概念，...
Vite学习
qq_37819559的博客
09-01 1278
Vite学习-Day1
vite学习——原理剖析+手写实现+插件
weixin_45452083的博客
03-16 2562
一、vite的使用 vite是一个开发构建工具，开发过程中它利用浏览器native ES Module特性按需导入源码，预打包依赖。 特点： 启动快，更新快
Vite的使用和学习指南
最新发布
studyqingfeng的博客
03-20 761
1.1 : 它是一个基于ES modules的前端构建工具,它的主要特点有1.2 : 快速的冷启动:Vite采用了基于浏览器原生ES模块的开发模式,可以在开发时快速启动应用,减少了冷启动时间1.3 : 按需编译:Vite可以根据需要动态地编译模块,而不是像传统的打包工具一样将所有模块都打包到一个文件中1.4 : 热更新:Vite支持热更新,可以在开发实时更新修改后的代码,提升开发效率1.5 : 插件化:Vite支持插件化,可以通过插件扩展Vite的功能。
Vite的学习之旅（一）
seapackk的博客
12-19 980
Vite会找到对应的依赖，然后调用esbuild(安装Vite时会安装这些依赖，其主要对js语法进行处理)库，将其他规范的代码转换成esmodule规范，然后放到当前目录下的node_modules/.vite/deps，同时对esmodules规范的各个模块进行统一集成。如下图，Vite对lodash和lodash依赖做了路径转换。
Vite学习指南
m0_68271787的博客
01-27 1409
号，另外呢他告诉我们新行必须要求我们在这个末尾上添加一下，那很显然，我们需要手工的去做一些。我们可以把这个给改一下，改完了以后我们看到这个文件就没有任何的关于也是语法的问题了，那接下。再去打开一个文件，再去打开一个文件，再去打开一个文件，我们看到呢这里头貌似好像都满足了们所。保存一下，好，我们看到了这里头这个提示就不存在了，我们再次执行一下。保存一下，那接下来我们来去看一下重新的检查，我们再去进行一次这个提交。，安装好了以后呢，我们回到我们代码里边，很显然这一步还不够，我们得需要去安装。
vue3+vite2实战（用于新手学习）.zip
03-03
vue3+vite2实战（用于新手学习）.zip computed特性 是计算值， 应用：就是简化tempalte里面{{}}计算和处理props或$emit的传值 具有缓存性，页面重新渲染值不变化,计算属性会立即返回之前的计算结果，而不必再次执行...
vite
03-08
学习访问 参考 逻辑 创建服务 托管静态资源 重建模块路劲 解析模块路径 客户端注入 解析.vue文件 分析性解析 处理拆解内容
手写vite插件 - 打包后资源自动上传oss
10-08
非常适合想学习vite插件但是又不知道如何入手的伙伴，或者想面试找工作的伙伴
vite-master.rar
08-07
vue3提倡使用的包管理工具，取代webpack的不二之选，这个是vite的源码训练，大家可以参考学习使用
vite学习之路（一）初识vite，vite的使用与工作机制
热门推荐
zem
10-31 2万+
最近闲下来后开始整理之前的知识了，早在vue3.0正式出来之前，尤大就已经提到了做了一个新的web应用开发工具vite 解下来的几篇文章我会对vite的使用，到与webpack（其实应该是webpack-dev-server，后面会解释为什么）的比较，以及源码解析，简单地实现vite部分功能来写，欢迎大家在评论区提出各种建议问题 那么话不多说，开始vite学习之路 vite是什么 首先，vite为什么叫做vite，vite实际上是法语中快的意思，所以顾名思义，这个工具给我们带来的就是更快的开发体验，它实际上
Vite快速开发入门（技术栈方向：Vue3.x+Vite）
weixin_46835329的博客
02-03 1285
这里写目录标题初次接触ViteVite是什么?Vue 3.0 + Vite 快速尝鲜！Vite和Vue-Cli版本之子：Vite2 实习公司技术栈要求使用Vue3+Vite进行开发，当时学习过程中主要使用的是Vue2.x，一进去就用新的版本进行开发，略微感觉不适（其实是害怕自己搞不懂哈哈哈），还好3.0是兼容2.x的，只能在开发过程慢慢摸索学习 初次接触Vite Vite是什么? Vue 3.0 + Vite 快速尝鲜！ Vite和Vue-Cli 版本之子：Vite2 链接: [译]Vue官方成员：Vite
学习Vue3.0，先从搭建环境开始
wk843620202的专栏
09-01 1072
Bug源测试，上线来几个。愿君多修改，今夜眼难合。这是小编关于Vue3.0系列文章的第二篇，本文将带您从零搭建一个基于Vue3.0与vite的Vue3.0开发环境，通过本文的学习，你将学...
vite的学习笔记
qq_44788119的博客
08-29 834
vite先读取main.js中引入的index.css文件，直接使用fs模块读取index.css中的文件内容，创建一个style标签，将index.css中的文件内容直接copy进style标签里，然后将style标签插入到index.html的head中，将该css文件中的内容直接替换为js脚本，同时设置（Content-Type)为js，从而让浏览器以js脚本的形式来执行css后缀的文件。当我们在协同开发的时候，两个人开发用了相同的类名，这样导致了样式的覆盖，为了解决这个问题需要用到css模块化。..
vue3学习—vite原理
xun__xing的博客
03-25 1579
vue3学习—vite原理一、vite原理1、webpack2、vite3、webpack和vite的比较4、提问：vite中能使用commonJs 一、vite原理 要了解vite首先从webpack讲起，具体的webpack可以翻阅我的笔记。下面我们简单回忆下webpack的知识。 1、webpack 以如下示例： // index.js console.log("index"); require("./a"); require("./b"); // a.js require("./b"); con
vite 学习
木木
07-18 1012
作者原话Vite，一个基于浏览器原生ESimports的开发服务器。利用浏览器去解析imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有Vue文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用rollup打包。虽然现在还比较粗糙，但这个方向我觉得是有潜力的，做得好可以彻底解决改一行代码等半天热更新的问题。7月13日，Vite3正式发布，它被称为下一代的前端工具链。查看。...
MicroApp vite
07-28
vite 是一个现代化的构建工具，用于快速搭建现代化的前端应用程序。它是由 Vue.js 的作者开发的，旨在提供一种快速、轻量级的开发体验。vite 支持使用 TypeScript、JavaScript 和 JSX 进行开发，并且内置了热重载、...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值