Vite

什么是 Vite？

二、Vite和Webpack区别Vite优势：vite开发服务器启动速度比webpack快webpack会先打包，然后启动开发服务器，请求服务器时直接给予打包结果。
huangpb0624·2023-11-17 16:11

Vite项目启动都做了什么？

随着vite的出现，这个可以提供更快、更精简的构建工具，给我们带来了另一种开发体验。
梅花十三儿·2023-11-17 16:05

（七）什么是Vite——vite优劣势、命令

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-17 16:34

vite配置env全局变量

1：文件位置2：env.d.ts配置（按照官网）///interfaceImportMetaEnv{readonlyVITE_APP_TITLE:stringreadonlyVITE_REQUEST_BASE_UR:string|undefined}interfaceImportMeta{readonlyenv:ImportMetaEnv}declaremodule'*.vue'{import{D
겐호 3·2023-11-17 16:56

vue3 ts vite 主题色功能

开发工具：vue3tsvite如上图，选择个颜色整个变化，如下图默认主题为绿色切换成其它色。这里面的颜色块，你也可以给个取器色组件，可切换成任意色。切换时主要执行下方的方法，有兴趣可自己研究下。/***切换主题颜色*/constchangeThemeColor=(color:string)=>{document.documentElement.style.setProperty("--el-col
小三金·2023-11-17 15:04

vue3 ts vite elementplus更改主题颜色

开发工具：vue3+ts+vite+elementplus最近突然间主题色不见了，恢复到了默认情况，可能是配置的vite自定义引入及其它相关的配置，导致的问题。
小三金·2023-11-17 14:22

Vue3 使用教程

目录一、创建vue3工程1.使用vue-cli创建2.使用vite创建二、setup使用三、ref函数四、reactive函数五、计算属性与监视属性5.1computed函数5.2watch函数5.3watchEffect
蓝朽·2023-11-17 14:14

vue3+typescript+antdv+vite初始化项目

1.初始化vue3项目npminit@vitejs/appvue3-demo加入文件夹，运行即可看到初始页面npminpmrundev初始化项目后配置文件目录如下2.配置tsconfig.json文件{"compilerOptions":{"target":"esnext","useDefineForClassFields":true,"module":"esnext","moduleResolu
yy_1028·2023-11-17 14:41

Vite+Typescript+Vue3项目搭建

//main.tsimport{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importElementPlusfrom'element-plus'//引入element-plusimport'element-plus/dist/index.css'//引入e
某公司摸鱼前端·2023-11-17 14:40

vite+vue3+typesScript集成element-plus

文章目录前言一、集成element-plus，按需自动导入组件二、集成element-plus图标，按需自动导入组件三、使用unplugin-icons，添加自定义图标总结前言上一章我们学习了如何创建vite
时空留痕·2023-11-17 14:08

Vue3 + Vite + Element Plus 项目搭建（全）

文章目录1前言2项目初始化3代码风格处理4依赖安装5自动导入6路由拦截7新增环境变量配置文件8axios封装9启动及生产打包配置10极速搭建1前言本文使用Vue3+Vite+ElementPlus+VueRouter
YanaDH·2023-11-17 14:08

种子项目：Vite 搭建 Vue3 + TypeScript 项目

技术栈Vue3.xTypescriptVite2.xPiniaVue-Router4.xElement-plusUIAndMore…源码地址（创作不易，欢迎点颗star再走）初始化项目npminitvite@latest项目名或yarncreatevite项目名选择自己需要的框架和语言（博主选择的是Vue+TS）npminstall拉取相关依赖npmrundev运行项目出现该页面就可以进行下一步拉
周八营业的阿一·2023-11-17 14:34

Vite2.0+Vue3.0+Element-Plus+TypeScript 项目配置及初始化

Vite+Vue+ElementUI+TS项目配置及初始化1.Node环境配置2.初始化vite+vue项目使用WebStorm开发，插件安装及配置使用VSCode开发需要安装的插件及配置项目目录介绍：
平塘码道·2023-11-17 14:33

vue3+ts+vite+element-plus从搭建环境到vite优化

今天使用vue3的命令创建了个新项目代码请参考https://gitee.com/hellow-world-lzc/lzc-vue-threenpminitvue@latest命令行提示在create-vue，ok提示是否，ts,jsx,router,pinia…可以按照个人需要选择创建完成后，cdyour-app-namenpminpmrundev运行这些命令即可完成项目本地编译启动我这里继续安
lzc13902932164·2023-11-17 14:32

Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践

而且ElementPlus+Vite也出了一段时间了，是时候该上手体验分享一波了。
m0_67403188·2023-11-17 14:32

vite+vue3+TypeScript 搭建项目基本框架

vite+vue3+TypeScript搭建项目基本框架1参考文档2所有步骤3具体步骤webstorm配置import/export代码有空格3.1创建vue3项目3.2配置src别名为@、src/components
西木Qi·2023-11-17 14:28

【前端】vue3+typescript+vite+Element-Plus搭建配置初始化项目结构

给自己一个目标，然后坚持一段时间，总会有收获和感悟！对于我们开发人员，了解和熟悉新知识，对于vue3，博主是通过TA的基本结构开始，vue2和vue3都有javascript前端编程语言，到了vue3新增了typescript前端编程语言，互联网技术更新迭代非常的快速，在这快速发展的互联网行业，作为开发人员，只有不断学习才能跟得上节奏，一起来看看如何初始化项目结构。目录一、环境信息1.1、查看环境
全栈小5·2023-11-17 13:25

vue3 vite2 封装 SVG 图标组件 - 基于 vite 创建 vue3 全家桶项目续篇

在《基于vite创建vue3全家桶》一文整合了ElementPlus，并将ElementPlus中提供的图标进行全局注册，这样可以很方便的延续ElementUI的风格——通过el-icon-xxx的方式使用图标
程序员优雅哥·2023-11-17 13:37

vite vue3 规范化与Git Hooks - 基于 vite 创建 vue3 全家桶项目(续篇）

在《JS模块化》系列开篇中，曾提到前端技术的发展不断融入很多后端思想，形成前端的“四个现代化”：工程化、模块化、规范化、流程化。在该系列文章中已详细介绍了模块化的发展及四种模块化规范。本文简单聊聊规范化中的git规范。1规范化在企业级开发中，“一千个读者有一千个哈姆雷特”是很常见的事，每个程序员对技术的理解、视角和掌握程度参差不齐，导致编写的代码五花八门。规范化包括很多，我在企业实践中重点关注两个
程序员优雅哥·2023-11-17 13:37

在vue3和vite工程中使用@路径别名配置

一、在tsconfig.json中添加配置"compilerOptions":{"paths":{"@":["src"],"@/*":["src/*"]}},二、在vite.config.ts中添加配置
清橙2000·2023-11-17 08:17

vue3+vite中配置路径别名@

1、在项目中安装依赖包安装@types/node这个配置地址时会用到npminstall@types/node--save-dev2、修改vite.config.ts配置路径别名@import{defineConfig
一室易安·2023-11-17 08:16

vue3.2之vite配置别名路径

目录vue3.2之vite配置别名路径vite.config.tstsconfig.json使用注意点vue3.2之vite配置别名路径vite.config.tsimport{defineConfig
小小亮01·2023-11-17 08:46

Vite + Vue3 + TS，配置别名 alias

Vite+Vue3+TS，配置别名aliasVite2+Vue3+TS使用别名时跟webpack有所差异这里记录下Vite+Vue3+TS配置别名主要是修改vite.config.ts和tsconfig.json
汪小敏同学·2023-11-17 08:46

Vite2+ts+vue3路径别名配置问题记录

项目场景：在Vite2+TS+Vue3项目整个过程中，配置了别名，但是还是报Cannotfindmodule'/@/utils/helper/tsxHelper'oritscorrespondingtypedeclara
摩羯座de杰杰陆·2023-11-17 08:15

vue3-vite-less-配置别名-多环境

vite创建vue3项目node升级使用命令创建vue3项目不选用vite的vue模板安装lessVite配置文件夹别名多环境配置vue3路由和状态管理(pinia)传送门node升级vite官方文档给出
芽菜包包芽菜·2023-11-17 08:12

vue3+ts+vite 配置别名

node-Dvite+ts配置别名:path模块是node.js内置的功能，但是node.js本身并不支持typescript，所以直接在typescript项目里使用是不行的解决方法：安装@types/node//vite.config.tsimport
mxlWhb·2023-11-17 08:42

vue3+vite配置路径别名@

配置路径别名1.安装yarnadd@types/node-D2.修改vite.config.tsimport{defineConfig}from"vite";importvuefrom"@vitejs/
码农键盘上的梦·2023-11-17 08:42

【Vue】vite配置 @ 路径别名

的类型声明文件因为path是node的内置模块需要先安装nodets声明文件yarnadd@types/node-Dvite.config.ts中添加配置import{defineConfig}from'vite'importvuefrom
明天总比昨天更美好·2023-11-17 08:09

vue3 vite 别名@使用

在vite里使用@来当做根目录引用文件tsconfig.json里"compilerOptions":{//配合别名使用，就是@根目录"paths":{"@":["./src"],"@/*":[".
前端菜鸟丶Ndie·2023-11-17 08:38

vue3 + vite配置路径别名@

如果使用vite创建vue3的项目，需要在vite.config.js中配置@才能使用import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue
花花花小妞·2023-11-17 08:07

vue3.0--vite配置别名路径

这里记录一下关于Vite搭建的Vue3.0项目，别名路径的配置，直接上代码vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs
七月_Mo·2023-11-17 08:34

vue3别名配置（vite）

1、配置别名的优点：在VUE项目中import导入文件时，可以写相对路径.2、在vite.config.js中配置a.首先引入pathimportpathfrom"path"/**/b.在resolve
人民的石头·2023-11-17 08:32

在vite中如何解决跨域问题

本篇文章主要说明在vite中如何解决跨域问题，相信你看完这篇文章会有更深的理解。
看淡了所冇、·2023-11-17 04:43

这是一份保姆级Vue3+Vite实战教程

写在前面注：本文首发掘金签约专栏，此为文章同步！很长时间没有更新文章了，由于这次签约专栏不能和之前的专栏重复，外加最近又有很多小伙伴问我Vue3在实战中的注意事项和技巧，我想了想，决定写一个Vue3实战专栏，我理解的项目实战，就是大家在看到这篇文章的时候，我刚创建好项目，然后目前码字的我就是在一边写项目一边写文章。在刚刚开始接触前端的时候就一直想写一个工具大全的网站，一直没闲下来写，正好凑着这个机
isboyjc·2023-11-16 22:25

033-从零搭建微服务-日志插件（一）

源码地址（后端）：mingyue:基于SpringBoot、SpringCloud&Alibaba的分布式微服务架构基础服务中心源码地址（前端）：mingyue-ui:基于Vue3+TS+Vite+Elementplus
Strive_MY·2023-11-16 21:25

[Vue 配置] Vite + Vue3 项目配置和使用 NProgress

文章归档：https://www.yuque.com/u27599042/coding_star/mfmsrf9tz98ox3qg安装pnpminprogress配置NProgress其他更多可参考，仓库地址：https://github.com/rstacruz/nprogress在src/config/nprogress.js中进行配置是否展示右上角圆圈加载动画NProgress.config
萤火虫的小尾巴·2023-11-16 19:42

vite + vue3 + pinia 中 No matching export in “node_modules/[email protected]@vue-demi/lib/index.mjs“

问题：在启动项目时cmd出现了这个问题原因：这个项目中的pinia是我自己下载的下载时直接就下载了默认版本的pinia此时这个版本的pinia跟vite不兼容就会出现这个问题解决：重新下载一个低版本的pinia
北觅_小太阳·2023-11-16 15:54

vitest 单元测试配合@vue/test-utils 之 pinia 篇

whatisvitest&test-utils&piniavitest是由vite提供支持的极速单元测试框架，VueTestUtils是Vue.js的官方测试实用程序库，pinia是Vue.js的状态管理库
Selicens·2023-11-16 15:52

基于Element-Plus动态配置Menu 菜单栏

文章目录前言先看效果可兼容多级菜单栏（顺便配置多少级）一、新建组件二、使用步骤总结`如有启发，可点赞收藏哟~`前言菜单栏配置化图标配置化参考vite动态配置svg图标及其他方式集合先看效果可兼容多级菜单栏
失眠时间·2023-11-16 14:47

vite动态配置svg图标及其他方式集合

文章目录前言使用`vite-plugin-svg-icons`动态配置安装插件引入图标下载新建组件`svg-icon.vue`使用使用vue组件动态配置总结`如有启发，可点赞收藏哟~`前言在配置化的情况下
失眠时间·2023-11-16 14:14

vue3-使用vite构建vue3+ts项目

一、使用vite构建项目1.运行创建项目命令#使用npmnpmcreatevite@latest#使用yarnyarncreatevite#使用pnpmpnpmcreatevite2.填写项目名字与选择项目框架
星星点点..·2023-11-16 13:13

【Vue3+Ts+Vite】使用Vite与TS构建Vue3项目

Vue3+Ts+Vite今天学习一下如何初始化一个Vue3+Ts+Vite的项目学习地址：开始{#getting-started}|Vite中文网(vitejs.cn)与时俱进开始用全新的技术本文包含以下内容
lonelysnowman·2023-11-16 13:42

（三）什么是Vite——Vite 主体流程(运行npm run dev后发生了什么？)

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 13:57

（四）什么是Vite——冷启动时vite做了什么（源码、middlewares）

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 13:57

（五）什么是Vite——冷启动时vite做了什么（依赖、预构建）

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 13:57

（一）什么是Vite——vite介绍与使用

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 13:26

（二）什么是Vite——Vite 和 Webpack 区别（冷启动）

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 12:12

Electron 实现切换暗_亮模式与主题

清单模板基于electron-vite-vuevue3+ts+vite组件库element-plushooks库vueuse、useElementPlusTheme初始化工程使用electron-vite
赵忠洋·2023-11-16 12:07

vue解决首屏加载过慢问题

一般解决办法是分包和gzip压缩，在wepack和vite中的实现如下：1、webpack版本：在vue.config.js文件中设置module.exports={configureWebpack:{
阿花爱编程·2023-11-16 11:43

[Vue 配置] Vite + Vue3 项目配置 src目录别名为 @

ogu2bhefy1fvahfv安装@types/node安装@types/node依赖，使得项目在开发环境下具有path模块（前端项目中默认无path模块）pnpmi-D@types/node配置src目录别名在vite.config.js
萤火虫的小尾巴·2023-11-16 11:05
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他