vite:见解

最新推荐文章于 2024-09-13 22:46:29 发布
最新推荐文章于 2024-09-13 22:46:29 发布
阅读量702 收藏
点赞数
分类专栏： vue 文章标签： webpack javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36413371/article/details/123120488
版权
  1. 在开发环境下，vite 相比vue-cli create-react-cli 这些集成webpack的工具相比，原样文件加载 就是不打包
    在这里插入图片描述
    vite的项目 直接启动服务，加载index.html然后按模块化规范加载main.js然后依次加载模块

在这里插入图片描述
2. vite更新代码
vite启动的服务，采用websocket监听文件的改变，文件一改变通知浏览器去更新对应的文件

支持sass?
在这里插入图片描述

支持ts?
在这里插入图片描述

打包支持es6语法
// 这个插件内部使用了babel之类的插件来处理兼容
在这里插入图片描述
3. 支持三方插件

据说vite要一统脚手架江湖，现支持任意框架项目

社区第三方插件： 链接
vite-plugin-md2vue 引入即可即使使用（页面显示md文档）

小强有个dream
关注
专栏目录
全网最详细的从0到1的turbo pnpm monorepo的前端工程化项目[vitePress篇]
禅思院
02-19 520
一个好的工程化项目，必然有一个好的文档管理，这样才算称得上一个好的工程化，也大大提高后面的工作和文档查找的效率！
vue 实现 md文件预览
yyXieDaiMa的博客
12-01 3926
vue2中使用vue-markdown实现markdown文件的预览 vue3 + vite + ts 项目中使用vite-plugin-md 来实现markdown文件的预览
推荐一个强大的Markdown处理神器：vite-plugin-md
gitblog_00033的博客
05-20 518
推荐一个强大的Markdown处理神器：vite-plugin-md vite-plugin-mdMarkdown with Vue for Vite项目地址:https://gitcode.com/gh_mirrors/vi/vite-plugin-md 项目简介 vite-plugin-md 是一个针对Vite构建工具的插件，它让你能够以Vue组件的形式使用Markdown，并在Markdo...
Vite Plugin MD 使用教程
gitblog_00159的博客
08-21 260
Vite Plugin MD 使用教程 vite-plugin-mdMarkdown with Vue for Vite项目地址:https://gitcode.com/gh_mirrors/vi/vite-plugin-md 1. 项目的目录结构及介绍 vite-plugin-md/ ├── README.md ├── package.json ├── src/ │ ├── index.t...
vue 加载展示md文件（markdown语法 .md后缀的文件）
朝阳39的博客
01-28 3148
目录 1. 安装依赖包 2. 在vue.config.js中添加配置 3. 导入样式 4. 导入md文件 5. 注册为组件 6. 在页面中使用 最终效果 1. 安装依赖包 npm i vue-markdown-loader -D npm i vue-loader vue-template-compiler -D npm i github-markdown-css -D npm i highlight.js -D 若报错Vue packages version mis...
通过源代码探索 Vite
qq_39652397的博客
03-16 1633
在本文中，我们将扩展已在此处发布的概述，并检查 Vite 的源代码以提取有关其内部架构的一些见解。特别是，我们将探索 Vite 的模板和插件系统。到最后，你会更好地理解模板和插件的区别，以及 Vite 核心系统是如何连接到插件的。 现在事不宜迟，让我们用 Vite 创建一个应用程序。 使用 Vite 创建应用 出于本演示的目的，我们将使用以下命令创建一个 Vue 项目： npm init vite@latest （拥有者@latest将确保您npm install在这个新创建的项目中进行操作时
【愚公系列】《AIGC辅助软件开发》015-AI辅助前端编程：利用 ChatGPT 写代码
热门推荐
时光隧道
07-27 1万+
在数字化时代的浪潮中，前端开发面临着日益增长的挑战与机遇。随着用户对网站与应用体验的要求不断提高，开发者们需要更高效、更智能的工具来提升工作效率。近期，人工智能技术的迅猛发展为这一领域带来了新的变革，尤其是像 ChatGPT 这样的 AI 模型，成为了开发者的得力助手。本文将探讨如何利用 ChatGPT 来辅助前端编程，从代码生成到问题解决，我们将分享实际案例与技巧，帮助你在开发过程中事半功倍。无论你是前端开发的新手，还是经验丰富的工程师，相信这篇文章都能为你提供新的视角与灵感。
chrome-extension-v3-starter:使用清单v3的最小Chrome扩展模板
05-13
它还可以为您提供有关如何将v2扩展名转换为v3的更多见解。 换句话说，这是一个可行的，可安装的v3扩展示例，旨在让您快速启动自己的扩展的开发。 安装 分叉此仓库，然后在本地克隆分叉的仓库。 如果您没有github...
eslint 无法格式化ts_vscode如何配置ts的lint，如何配置才能让eslint和prettier不冲突一键格式化代码（vue开发使用）...
weixin_39620984的博客
12-20 967
最近在使用ts，发觉tslint在vscode上使用很不方便，不如eslint一键格式化高效，就想着能不能配置下vscode让其像写js一样爽这篇文章主要解决2个问题，第一个是如何让vscode使用ts的lint，第二个是如何配置才能让eslint和prettier这2个代码格式化的vscode插件不互相冲突vscode使用ts的lint首先ts的lint已经不用tslint了，这个东东官方已经说...
vite-plugin-vuedoc:将Markdown用作Vue组件并将Code Block用作Preview组件
05-03
vite-plugin-vuedoc 将Markdown用作Vue组件 使用Markdown代码块作为预览组件 支持维特2 特征 降价组件 事情 托克 外挂程式 Vue代码块 vue预览 代码导入 自定义预览组件 源图 代码高亮 主题 操场 hmr 测试 用过的 Elenext： 安装 yarn add vite-plugin-vuedoc // vite.config.ts import vitePluginVuedoc , { vueDocFiles } from 'vite-plugin-vuedoc' import vue from '@vitejs/plugin-vue' const config : UserConfig = { plugins : [ vitePluginVuedoc ( ) , // 1. Must be loa
markdwon实用操作.md
05-14
内容是关于markdown的知识总结，以及相关扩展，和常用知识点的总结扩展。 Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。Markdown具有一系列衍生版本，用于扩展Markdown的功能（如表格、脚注、内嵌HTML等等），这些功能原初的Markdown尚不具备，它们能让Markdown转换成更多的格式，
vite-plugin-mdx:Vite的MDX插件
04-11
Vite插件MDX Vite插件可在您的Vite应用程序中使用MDX。 特征： 与MDX v1和MDX v2一起使用。 与React和Preact一起使用。 与Vue 。 HMR支持。 SSR支持。 插件支持，例如 。 入门 安装： Vite插件： npm install vite-plugin-mdx MDX v1： npm install @mdx-js/mdx 或MDX v2： npm install @mdx-js/mdx@next MDX React： npm install @mdx-js/react 或MDX Preact： npm install @mdx-js/preact 将插件添加到您的vite.config.js 。 // vite.config.js import mdx from 'vite-plugin-mdx' // `option
vite-plugin-md：针对Vite的Markdown
02-04
vite-plugin-md 降价促销 将Markdown用作Vue组件 在Markdown中使用Vue组件 :information: Vite 2为0.2.x，Vite 1为0.1.x 安装 安装 npm i vite-plugin-md -D # yarn add vite-plugin-md -D 将其添加到vite.config.js // vite.config.js import Vue from '@vitejs/plugin-vue' import Markdown from 'vite-plugin-md' export default { plugins : [ Vue (
vite-plugin-md安装与配置完全指南
最新发布
gitblog_07865的博客
09-13 401
vite-plugin-md安装与配置完全指南 vite-plugin-md Markdown with Vue for Vite 项目地址: https://gitcode.com/gh_mirrors/vi/vite-plug...
vite-plugin-md 项目推荐
gitblog_07866的博客
09-13 419
vite-plugin-md 项目推荐 vite-plugin-md Markdown with Vue for Vite 项目地址: https://gitcode.com/gh_mirrors/vi/vite-plugin-m...
vite新建vue3-ts
zouzouwu的博客
06-14 643
vite和vue-cli一样，是前端构建工具。区别在于vue-cli使用webpack，webpack需要先全部打包再返回浏览器画面，vite在开发时基于浏览器原生esmodule，是按需打包，在生产时使用rollup。vite相对于vue-cli更加快速。会提示select a framework,选择vue。提示select a variant,选择typescript。根据命令行返回的提示操作以下创建项目完成。
vite vue使用Markdown
qq_43519131的博客
11-14 1131
【代码】vite vue使用Markdown。
npm run vite:dev npm ERR! Missing script: "vite:dev"
06-02
这个错误提示说明 package.json 文件中没有定义 "vite:dev" 脚本，因此 npm 不知道该如何执行该命令。 要解决这个问题，您需要编辑 package.json 文件，添加 "vite:dev" 脚本。例如，您可以添加以下代码： ```json...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值