vite3

深入理解Vite3.0

说明:最近Vite3发布了，所以总结一下Vite有什么新的特性，本期为大家带来的是干货内容，所以大量的说明文字，没有图片之类，希望多多包涵。
超维Ai编程·2024-09-06 12:33

Vite3 + Svelte3构建Web应用报错：'process is not defined'

Vite爬坑日记：在使用Vite3+Svelte3构建Web应用时，控制台报错：processisnotdefined。Vite问题原因在Vite中process.env全局环境变量被移除了，相当于process.env=null，如果项目中有依赖process.env这个对象，并进行了get/set操作时就会出现报错。解决办法在vite.config.js配置文件中增加define:{"proc
天問_专注于大前端技术·2024-02-13 11:12

vue3学习—vite原理

vue3学习—vite原理一、vite原理1、webpack2、vite3、webpack和vite的比较4、提问：vite中能使用commonJs一、vite原理要了解vite首先从webpack讲起
飞羽逐星·2023-12-18 06:14

记：vite3+vue3+axios前端项目跨域问题解决【前端和服务器nginx配置】

1.前端涉及处理跨域的必要配置（开发环境、生产环境）：vite3、vue3、axios2.服务器涉及处理跨域的配置（生产环境）：nginx【主要用到其配置文件nginx.conf】3.配置开发环境【跟目录下分别创建
日渐消瘦 - 来自一个高龄程序员的心声·2023-12-14 15:19

好物周刊#31：在线格式转换

一、项目1.SoybeanAdmin一个基于Vue3、Vite3、TypeScript、NaiveUI、Pinia和UnoCSS的清新优雅的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主
村雨遥·2023-11-26 21:37

使用Vite快速构建Vue3+ts+pinia脚手架

Vite3需要Node.js版本
小何爆炸·2023-11-24 13:25

vite3学习记录

通过vite创建一个项目pnpmcreatevite设置项目名称选择语言框架选择ts/jsts/swcjs/swcswc是新生代的js/ts编译器，使用rust编写。相比于babel编译速度更快。vite通过dev-server将请求转换为浏览器原生能编译的产物。一个import语句代表一个HTTP请求，而正是Vite的DevServer来接收这些请求、进行文件转译以及返回浏览器可以运行的代码。n
TangAcrab·2023-11-09 00:16

Geeker-Admin 一款基于 Vue3.2、TypeScript、Vite3、Pinia、Element-Plus 开源的后台管理框架

介绍Geeker-Admin一款基于Vue3.2、TypeScript、Vite3、Pinia、Element-Plus开源的后台管理框架，使用目前最新技术栈开发。
快乐的想念17·2023-10-29 08:44

Vue3 + Vite3 + Element-Plus 管理系统

Vue3+Vite3+Element-Plus管理系统介绍vue-diverse-admin，基于Vue3、TypeScript、Vite3、Element-Plus开源的一套后台管理模板，项目均使用JS
觀眾·2023-10-16 06:00

基于Vue3和Typescript的开源项目，供大家参考学习(Ts+vite+pinia+unocss+naiveui+vueuse)

whiteboard团队协作工具简介whiteboard是一个基于Vue3、Vite3、TypeScript、NaiveUI、Pinia和UnoCSS的团队协作工具特性看板：自定义展示任务关键信息，灵活排序和调整看板分组
我一直在路上·2023-10-08 17:43

vue3 + element 从0到1搭建前端基础框架

二、构建与安装构建项目#执行vite3构建命令yarncreatevite依次输入项目名称，选择vue、typescrip
仿生人会梦到敲代码么·2023-09-29 22:46

vue3 + vite3 addRoute 实现权限管理系统

vue3+vite3addRoute实现权限控制1、前言2、静态路由3、动态路由4、在组建中使用路由5、注意事项1、前言在权限系统开发中，根据后端返回的菜单列表动态添加路由是非常常见的需求，它可以实现根据用户权限动态加载可访问的页面。本篇文章我们将重点介绍动态添加路由的全过程。2、静态路由静态路由，也叫常量路由，即所有角色都可以访问到的路由界面。如:login、404等。exportconstco
前端~初学者·2023-09-19 11:44

优雅的在Vue3 Vite3中模仿element-plus的图标使用方式

优雅的在Vue3Vite3中模仿element-plus的图标使用方式最终实现效果使用Vue对svg文件进行封装准备文件直接将svg代码写入vue文件利用自己封装的SvgIcon简化代码，保持svg文件的可读性在main.js中注入所有相关文件在注入时批量对svg文件进行封装简化【推荐】最终实现效果使用效果如下新增使用Vue对svg文件进行封装准备文件直接将svg代码写入vue文件about.vu
皇族紫宸·2023-08-16 09:18

认识vite

一.了解vite的不同版本的更新vite1版本是基于vue项目的，无法跨框架使用vite2可以跨框架（vue2，vue3，react）vite3模板变更；vitecli优化；import.meta.globAPI
朝阳若蓝·2023-08-13 14:26

使用vite3创建vue3项目无法正常使用eslint配置

想自己使用vite+vue3+pinia+router+typescript搭建一套模板供自己使用，奈何再引入eslint、prettier时，运行eslint–flx一直报错。花了两天时间终于搞定了这个问题，特来记录一下如果是使用了vite2版本创建项目是没有什么问题的，但是如果你使用的是npminitvite@latest来初始化你的项目，那么你再引入eslint的时候，创建package.j
突破自己，琳琅天上·2023-08-11 13:39

Soybean Admin - 基于 Vue3 / vite3 等最新前端技术栈构建的中后台模板，免费开源、清新优雅，主题丰富

关于SoybeanAdminSoybeanAdmin是一个基于Vue3/Vite3/TypeScript/NaiveUI/Pinia和UnoCSS的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主题配置
那些免费的砖·2023-07-25 22:27

记录Vite3打包发布后刷新总是跳转到404页面问题的解决

最近做一个vue3+ts+Vite3的小项目，开发运行正常，刷新正常，但build打包至服务器，一刷新就总是跳转到404页面，排查了很多情况，根据网上各种介绍，确认不是项目代码问题。最后尝试nginx设置，经调整设置后，可正常刷新。以下两种方式均可：方法一、在location/{}中增加一行，try_files.....location/{indexindex.htmlindex.htmindex
nnslyx·2023-07-23 17:01

vite3 + pinia + axios 升级 vite4 + pinia + axios 后，项目在本地运行正常，打包部署后无法正常打开页面，并控制台报错，排查过程

issues：从1.8.7更新到1.9.2，本地运行正常，打包部署后运行一直在加载中，控制台报错·Issue#I6BBY6·Archer/vue-element-plus-admin-Gitee.com报错：UncaughtTypeError:Cannotreadpropertiesofundefined(reading‘_s‘)场景描述：项目进行依赖包更新后，本地可以正常运行访问使用，但是经过打
ktianc·2023-07-23 02:05

vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”

vue3+vite项目，之前就是安装依赖就可以运行了，但是今天一直报错，显示TypeError:vite.createFilterisnotafunction错误原因vite版本与安装的依赖版本不匹配近期vite3
芋圆不想 圆·2023-07-17 13:23

最佳实践：基于vite3的monorepo前端工程搭建 | 京东云技术团队

一、技术栈选择1.代码库管理方式-Monorepo：将多个项目存放在同一个代码库中▪选择理由1：多个应用（可以按业务线产品粒度划分）在同一个repo管理，便于统一管理代码规范、共享工作流▪选择理由2：解决跨项目/应用之间物理层面的代码复用，不用通过发布/安装npm包解决共享问题2.依赖管理-PNPM：消除依赖提升、规范拓扑结构▪选择理由1：通过软/硬链接方式，最大程度节省磁盘空间▪选择理由2：解决
·2023-06-19 12:28

vue3项目模板技术

搭建：基于Vue3.2、TypeScript、Vite3、Pinia、Element-Plus的后台管理框架，使用目前最新技术栈开发。
m0_45127388·2023-06-12 19:06

最佳实践：基于vite3的monorepo前端工程搭建 | 京东云技术团队

一、技术栈选择1.代码库管理方式-Monorepo：将多个项目存放在同一个代码库中▪选择理由1：多个应用（可以按业务线产品粒度划分）在同一个repo管理，便于统一管理代码规范、共享工作流▪选择理由2：解决跨项目/应用之间物理层面的代码复用，不用通过发布/安装npm包解决共享问题2.依赖管理-PNPM：消除依赖提升、规范拓扑结构▪选择理由1：通过软/硬链接方式，最大程度节省磁盘空间▪选择理由2：解决
京东云技术团队·2023-06-07 09:11

Vite3搭建Vue3项目

文章目录Vite3创建项目目录结构pnpm工作空间vue-routerPiniaelement-plusaxioslessEditorConfigeslintprettierstylelinthuskyWARNINGVite3
带只拖鞋去流浪·2023-04-07 17:55

Admin3，基于Java17、SpringBoot3.0、Vue3 的后台管理框架

项目说明项目使用最新的技术栈（后端Java17、SpringBoot3.0，前端TypeScript、Vite3、Vue3、ElementPlus），只提供了用户和权限管理的核心功能最佳实践方案，适合作为基础工程二次定制开发
cjbi·2023-04-07 17:23

vite3 + vue3如何封装健壮的【SVG插件】?

前言小伙伴们好，我是代码诗人_，今天带大家用如何用vue3+vite3封装一个健壮的svg插件！首先得知道为什么要使用svg概念：SVG是一种基于XML的矢量图形格式，SVG与诸如DOM和XSL之类的W3C标准是一个整体,用于在Web和其他环境中显示各种图形；它允许我们编写可缩放的二维图形，并可通过CSS或JavaScript进行操作。它由万维网联盟制定，是一个开放标准。优点：可伸缩性，响应性，交
代码诗人_·2023-04-07 17:22

Vue3 Vite3 多环境配置 - 基于 vite 创建 vue3 全家桶项目(续篇）

在项目或产品的迭代过程中，通常会有多套环境，常见的有：dev：开发环境sit：集成测试环境uat：用户接收测试环境pre：预生产环境prod：生产环境环境之间配置可能存在差异，如接口地址、全局参数等。在基于vue-cli（webpack）的项目中只需要添加.env.xxx文件，然后在package.json的scripts启动或打包命令中指定mode参数即可，获取环境变量时使用process.en
程序员优雅哥·2023-04-07 00:11

vue3 + vite3 按需引入 ant design vue 并自定义主题

1.在vite构建的vue3项目中安装ant-design-vuenpmiant-design-vue-S2.安装less（因为ant-design的样式是less)npmiless-D3.安装unplugin-vue-components用于按需引入antdesignvuenpmiunplugin-vue-components-D4.然后在vite.config.js配置：/**@Author:
小储今天暴富了·2023-03-28 14:34

【Vue】移动端项目流程

移动端项目O项目技术栈说明脚手架：Vite3还有vue-cli-底层webpack脚本：typescript路由：vue-router4状态管理器：vuex4还有pinia组件库：[email protected]组件
GreatWillSSS·2023-01-18 07:13

教你如何开发Vite3插件构建Electron开发环境

目录创建项目创建主进程代码开发环境Vite插件渲染进程集成内置模块设置Vite模块别名与模块解析钩子总结开发新版本Vue项目推荐你使用Vite脚手架构建开发环境，然而Vite脚手架更倾向于构建纯Web页面，而不是桌面应用，因此开发者要做很多额外的配置和开发工作才能把Electron引入到Vue项目中，这也是很多开发者都基于开源工具来构建Electron+Vue的开发环境的原因。但这样做有两个问题：
·2023-01-17 08:20

vite3 + vue3如何封装健壮的【SVG插件】?

前言小伙伴们好，我是代码诗人_，今天带大家用如何用vue3+vite3封装一个健壮的svg插件！首先得知道为什么要使用svg概念：SVG是一种基于XML的矢量图形格式，SVG与诸如DOM和XSL之类的W3C标准是一个整体,用于在Web和其他环境中显示各种图形；它允许我们编写可缩放的二维图形，并可通过CSS或JavaScript进行操作。它由万维网联盟制定，是一个开放标准。优点：可伸缩性，响应性，交
·2023-01-16 11:48

vite3中 使用element-plus及主题

//src/element-plus/index.tsimport'element-plus/dist/index.css'import{App}from'vue'import{//ElAlert,ElAside,//ElAutocomplete,ElAvatar,//ElBacktop,//ElBadge,ElBreadcrumb,ElBreadcrumbItem,ElButton,//ElBu
renkunaa·2022-12-17 19:24

Vue3 Vite3 状态管理 pinia基本使用、 持久化、在路由守卫中使用状态

在《基于vite创建vue3项目》）一文中整合了pinia，有不少伙伴不知道pinia是什么，本文简单介绍pinia。主要包括三方面内容：pinia的基本用法，在《基于vite创建vue3项目》中demo的基础上简单重构。如何持久化pinia中的数据，保证浏览器刷新时，pinia中的数据不丢失；在vue-router路由守卫中如何使用pinia。文中的demo仍然基于vite1pinia的使用1.
程序员优雅哥·2022-12-10 21:59

猿创征文 | 开箱即用 yyg-cli：快速创建 vue3 组件库和vue3 全家桶项目

具体如下：vue3全家桶项目使用yyg-cli创建的vue3全家桶项目，底层基于优雅哥编写的开源项目vue3-vite-archetype，默认整合如下库：-vite3、vue3-typescript、
程序员优雅哥·2022-11-04 08:27

Vue3，Vite3，TS，Naive-UI整合TailwindCSS

目录前言一、环境要求二、创建项目三、安装和使用NaiveUI1、安装NaiveUI2、使用NaiveUI（直接引入）3、使用NaiveUI（自动引入引入）4、使用图标四、安装TailwindCSS五、NaiveUI整合TailwindCSS及遇到的问题前言NaiveUI：一个完全使用TypeScript编写的Vue3组件库，也是Vue作者尤大推荐的Vue组件库。TailwindCSS：能让你少写很
小墨先生·2022-09-30 05:35

vite入门

vite3中文文档：开始|Vite官方中文文档下一代前端工具链https://cn.vitejs.dev/guide/vite中文网：Vite中文网下一代前端开发与构建工具https://vitejs.cn
asdfsdgfsdgfa·2022-09-25 11:39

vue3 + vite3 按需引入 ant design vue 并自定义主题

1.在vite构建的vue3项目中安装ant-design-vuenpmiant-design-vue-S2.安装less(如果用webpack构建还要安装less-loader）npmiless-D3.安装unplugin-vue-components用于按需引入antdesignvuenpmiunplugin-vue-components-D4.然后在vite.config.js配置：impo
AizawaSayo·2022-08-15 22:42

如何在vscode插件上使用vite3？

https://github.com/vitejs/vit...vite3目前是esm,vscode需要纯cjs，有啥取巧的方法可以在vscode插件里面使用vite？
·2022-08-15 18:35

搭配vs code来用Vite3初始化Vue.js3的TS项目并配置ESLint和Prettier

0.事前准备环境Windows10vscodeNode.js：v18.0.0注意！本文章使用Vitev3.0构建安装安装Node.js（必须）安装yarn（非必须，可以用npm或者pnpm，本文使用yarn作为包管理）安装Git（非必须）1.初始化Vue.js这一步没什么好说的，直接参考官网在你想新建项目的文件夹输入下述指令yarncreatevite输入项目名，这里叫vite，也是本次的主目录选
·2022-08-09 10:07
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他