Vite2 第3页

Vite2构建Vue3项目

环境：node.js版本>=12.0.0;npm6.x。注：每做一步，都要查看有木有错，或是否有达到预期效果。1.搭建npminit@vitejs/appvite-vue-demo--templatevuecdvite-vue-demonpminpmrundev2.配置vite.config.jsimport{defineConfig}from"vite";importpathfrom"path"

学而不往非礼也·2022-07-15 07:31

管理后台UI框架vue-vben-admin运行（一）

祈澈菇凉·2022-07-06 13:40

【前端工程化】vue2+webpack3项目迁移vite2踩坑总结

项目项目开发阶段报错处理项目打包阶段处理总结一.前言公司有个特别大维护时间长的后台管理系统，使用的是vue2和webpack3，虽然配置了很多编译优化，但启动和开发热更新速度依然很慢，极大的影响了开发效率，于是准备迁移vite2

·2022-06-26 22:28

vite2：环境变量的使用

你吃香蕉吗？·2022-06-19 18:12

基于vite2+vue3制作个招财猫游戏

本期我们将使用vite2与vue3开发出一个招财猫小游戏，通过考验眼力和预判能力，在图案不停滚动的同时选出可以转出不同的素材最终得到粽子奖励，康康你能用多少次才会转出自己喜爱口味的粽子吧~演示预览地址：

·2022-05-27 09:03

vue-cli 迁移 vite2 实践小结

两周前（202.02.17），vite2.0发布了，作为使用了浏览器原生ESM为下一代前端工具，vite2.0相较于1.0更加成熟。在此之前笔者就开始关注这类「新型」的前端工具。这次趁着vite2.0发布，也成功将一个基于vue-cli(-service)+vue2的已有项目进行了迁移。迁移工作比较顺利，花了不到半天时间。但整个迁移过程中也遇到了一些小问题，这里汇总一下，也方便遇到类似问题的朋友一

·2022-05-13 14:15

2021必知必会的vite+vue3项目最佳实践

2021学什么2021第一更是尤大的Vite2，全新插件架构，丝滑的开发体验，和Vue3的完美结合。2021年第一弹，村长将以Vite2+Vue3为主题开启大家的前端学习之旅。

Ajekseg·2022-05-10 05:39

Vite创建项目的实现步骤

目录前言yarncreate做了什么源码解析项目依赖模版配置工具函数copycopyDiremptyDir核心函数命令行交互并创建文件夹写入文件小结前言随着Vite2的发布并日趋稳定，现在越来越多的项目开始尝试使用它

·2022-04-08 11:38

怎样才能学好 Vue，听听尤雨溪怎么说？

从首个Commit的提交到破茧重生的Vue3、Vite2，Vue凭借轻量级、简单易学等优势，不仅荣登GitHubRepoTop3，且获得了182k个Star，Fork数也达到了28.6k，备受前端从业者的青睐

CSDN 程序人生·2022-03-26 04:09

在 Vue3 + Vite2 按需使用 SVG 图标的另一种方式

需要最后达到的使用目的按钮VIcon组件假设我们首先封装一个v-icon组件在src/components/VIcon.vue。.v-icon{display:inline-block;width:1em;height:1em;font-size:1em;}.v-icon>svg{width:100%;height:100%;}使用unplugin-icons作为图标按需加载在目前的解决方案中，可

·2022-03-22 17:16

vite2打包的时候vendor-xxx.js文件过大的解决方法

vite2是一个非常好用的工具，只是随着代码的增多，打包的时候vendor-xxxxxx.js文件也越来越大，这就郁闷了。

·2022-03-20 12:36

vite2 打包的时候vendor-xxx.js文件过大的解决方法

vite2是一个非常好用的工具，只是随着代码的增多，打包的时候vendor-xxxxxx.js文件也越来越大，这就郁闷了。

金色海洋（jyk）·2022-03-20 10:00

基于 vite2 + Vue3 写一个在线帮助文档工具

提起帮助文档，想必大家都会想到VuePress等，我也体验了一下，但是感觉和我的思路不太一样，我希望的是那种可以直接在线编辑文档，然后无需编译就可以直接发布的方式，另外可以在线写（修改）代码并且运行的效果。VuePress是“静态网站生成器”，需要我们自行编写文档，然后交给VuePress变成网站，VuePress并没有提供编写环境，我知道有很多编写Markdown的方式，但是我还是喜欢编写、浏览

金色海洋（jyk）·2022-03-11 18:00

Vue3 + Vite2 + TypeScript + Pinia(Vuex)+JSX 搭建企业级开发脚手架【开箱即用】

随着Vue3的普及，已经有越来越多的项目开始使用Vue3。为了快速进入开发状态，在这里向大家推荐一套开箱即用的企业级开发脚手架，框架使用：Vue3+Vite2+TypeScript+JSX+Pinia(Vuex)+Antd。废话不多话，直接上手开撸。该脚手架根据使用状态库的不同分为两个版本Vuex版、Pinia版，下面是相关代码地址：Vuex版、Pinia版搭建需准备Vscode:前端人必备写码神

·2022-02-25 09:36

[译]Vue官方成员：Vite生态发展的怎么样了

前言之前Vite2刚出来的时候，恰好我要负责一个新项目，所以我打算用最新的Vite+Vue3+TS来构建这个项目。

·2021-12-19 18:05

Vue3-Element-Plus-Admin 基于Vue3+Element-Plus的后台管理系统

vue3-element-plus-admin介绍vue3-element-plus-admin是一个基于vue3,vite2,element-plus,vuex-module-decorators,vue-router-next

·2021-12-08 19:17

vite2 + vite.config.js 比较坑的环境变量，vite2模式的使用

想在vite.config.js里面判断一下环境，看看是不是开发环境，查了一下官网（https://cn.vitejs.dev/guide/env-and-mode.html），说是可以使用import.meta.env.DEV。但是在vite.config.js里面直接写import.meta.env.DEV的时候，运行时却报错了。各种查了之后，发现要折腾一下。import{defineConf

金色海洋（jyk）·2021-11-21 19:00

vue3+vite2+element-plus+ts搭建一个项目

element-plus+ts搭了个极简版骨架型数据管理系统，使用静态数据模拟动态路由，路由拦截，登录页面鉴权等，使用了iconify字体图标，整合了cesium,openlayers二三维开发包大致步骤1、安装vite2

奔跑的痕迹·2021-10-24 09:33

基于Vue3+Vite2+Element-Plus管理平台模版

Vue3-admin-element-template简介Vue3-admin-element-template是一个免费开源的中后台模板你，使用了最新的vue3、vite2等主流技术开发，开箱即用的中后台前端解决方案

·2021-09-25 10:49

前端脚手架 webpack 迁移 Vite2 踩坑实践

项目背景首先介绍一下我的个人开源项目X-BUILD，是一款前端脚手架，从2017年2月至今已有4年多的时间，目前我正在针对vue3做一套全新的版本，全面使用Vite作为构建工具，在这个过程中遇到的一些坑和优势分享给大家。另外如果对我的脚手架有兴趣尝试，可以参考说明文档。Vite迁移指南刚刚开始开发v6.0版本时，对Vite不是很了解，所以依然采用了Vue-CLI4.5进行模板的基本搭建。后续开发过

·2021-09-24 10:28

Vue3 + Vite2 + Typescript + vue-router4 + sass + vuex4 + Element-plus（最新的技术，最详细的搭建）

搭建一个Vue3+Vite2+Typescript+vue-router4+sass+vuex4+Element-plus的项目遇到的坑在文章末尾package.json：{"name":"my-vue-app","version":"0.0.0","scripts":{"dev":"vite","build":"vue-tsc--noEmit--skipLibCheck&&vitebuild",

学习React·2021-08-13 16:01

使用Vite2+Vue3渲染Markdown文档的方法实践

ImportToCmetadata(Mode.TOC)ImportasaReactcomponent(Mode.REACT)ImportasaVuecomponent(Mode.VUE)写在最后大部分使用Vite2

·2021-08-03 17:54

利用Vite2和Vue3实现网站国际化的全过程

目录前言安装vue-i18n配置Locales实现getLangs.js创建i18n实例模板中使用语言切换关于切换后需要刷新后才生效切换语言触发其他组件更新总结前言最近有人在吐槽项目使用Vue3之后，出现一堆问题，填坑困难，甚至是开发中才发现某些第三方库没有推出Vue3的版本，因此大发吐槽，强烈建议不使用Vue3。做好技术预研和兼容性调查是开发前的工作之一，特别是对于新技术或者大版本的更新，除非你

·2021-08-02 20:23

Vite开发快速入门

目前，Vite已经发布了Vite2，Vite全新的插件架构、丝滑的开发体验，可以和Vue3的完美结合。1.1Vite组成Vite构建工具由两部分组成：一个开发服务器，它基于原生ES模块提供了丰富

·2021-07-28 18:21

做个开源博客学习Vite2 + Vue3 （一）搭建项目

现在vite2发布了，官网也有了，网上也能找到大佬写的相关资料，时机应该成熟可以往里跳了。所以打算做个开源博客，一边做这个小项目，一边学习vite2和vue3，还有相关知识。为啥选择博客呢？

自然框架·2021-06-22 23:39

Vite2 与Webpack

为什么是Vite2在Vite2官网文档中，有这么一段话：然而，当我们开始构建越来越大型的应用时，需要处理的JavaScript代码量也呈指数级增长。大型项目包含数千个模块的情况并不少见。

依然还是或者其他·2021-06-09 03:00

vite2配置，搭建vue3+ts项目,vite中文文档。

前言：21年2月17日，vite2正式发布，它解决了vite1配置路径别名bug，并丰富了构建项目的内容，可以直接使用vite2构建vue3+ts的项目啦！重点：vite现在有中文文档了！

天铭_Yagami·2021-06-06 12:57

Vue3 全家桶 + TS+ Vite2 + element-plus 搭建简洁时尚的博客网站实战及踩坑记

五一期间，花了3天时间，边学Vue3和Vite2，边重构自己的项目，终于都用Vue3+TypeScript+Vite2+Vuex4+Vue-Router4+element-plus重构完啦！

全栈修炼·2021-05-06 07:00

详解antd+react项目迁移vite的解决方案

antd+react+webpack往往是以react技术栈为主的前端项目的标准组合，三者都有成熟的生态和稳定的表现，但随着前端圈的技术不断革新，号称下一代构建平台vite2的发布，webpack似乎不那么香了

·2021-04-28 12:57

用vite2 vue3开发electron 桌面程序

vue3已经出来大半年了，加上vite工具，对于开发者开发网页已经非常方便了，比webpack快了很多，但是有想用vite和vue3来开发electron桌面应用的小伙伴还没找到一款可以把他们集成到一起的脚手架或者项目模板。今天给大家介绍一款可以将他们结合在一起的工具。项目准备环境：node创建项目npminitevv终端先输入项目名称、项目版本、作者、描述vue是用js还是ts，最后选择css预

我不懂啊·2021-04-16 17:03

Vite2 项目工程化和原理，一次讲清楚

Vite2自2月17号份发布之后，收获了前端圈的一片哀嚎：学不动了……不不不，你得学！

web前端开发V·2021-03-24 08:00

快人一步上手Vite2