Vite

使用vite创建vue3项目

一.创建vite+vue项目1.在命令行输入以下创建语句。
给你六圆钱·2023-11-07 06:43

Vue3+Vite+Pinia+Naive后台管理系统搭建之四：Naive UI 组件库的安装和使用

github开源库：Vue3-Vite-Pinia-Naive-Jsgitee开源库：Vue3-Vite-Pi
yqcoder·2023-11-07 02:30

SpringBoot+VUE项目部署

SpringBoot项目部署服务器中安装开发环境：jdk,mysql数据库,tomcat服务器开发环境安装服务器中部署项目部署vue前端项目部署项目打包打包配置：vite.config.jsexportdefaultdefineConfig
Chaoerlie·2023-11-06 18:25

vue 动态路由 axios 访问路径变化

在编写vue3+vite项目时，使用动态路由访问axios请求路径发生错误，会额外加一个我们的动态路由路径进来，这不是我们想要的结果，问题如下：vite.config.jsserver:{proxy:{
Chaoerlie·2023-11-06 18:25

react + vite +testing-library 构建单元测试

业务复杂多变迭代快速，加上编写单测其实是耗费一定时间去做的，可能很多人认为编写单元测试是一件吃力不讨好的事儿，不会在项目中主动的去做单元测试，一两年前笔者也是这样的一种心态，对于单测嗤之以鼻，但是随着看的书多了，学习的东西多了，明白了单测可有有效的保证我们一些核心功能的正确性，同样可以反推我们的设计一些通用功能是否全面，再者也可以在我们改动一些功能后，校验原有功能的正确性，说这么多，还需要大家自己
kanade_hu·2023-11-06 17:59

Vite区分生产环境和开发环境部署后找不到 index.html的说明

使用cross-env，统一使用同一个部署，只是API接口不同修改package.json下："scripts":{"dev":"vite","build:dev":"vitebuild","build
奋斗的烧饵块·2023-11-06 17:41

Vue3.0+vite配置打包体积分析插件之rollup-plugin-visualizer

一：下载插件npminstall--save-devrollup-plugin-visualizer二：在vite.config.js中配置exportdefaultdefineConfig({plugins
VinSmokeW·2023-11-06 16:04

使用@antv/g2plot实现文字权重分布划分图

最后效果展示安装@antv/g2plotnpmi@antv/g2plot使用，示例是使用vue3+vite+unocssimport{WordCloud}from'@antv/g2plot';import
UzumakiHan·2023-11-06 15:20

代理替换字段

官网我这里主要是解决代理替换字段的问题,首先我们需要知道，代理默认会追加字段vue3+vite使用rewrite//配置前端服务地址和端口server:{hmr:true,//设置反向代理，跨域proxy
xiaaaa.z·2023-11-06 14:54

使用element-plus 页面组件 ts报错JSX元素类型“ElRow”不具有任何构造签名或调用签名

项目场景：vite、ts、vue3、element-plus、axios等技术的开发的后台管理系统。
李知鱼呀·2023-11-06 12:42

【Vite】Vite 打包配置：静态资源合并打包、静态资源拆分

build:{//静态资源合并打包rollupOptions:{output:{chunkFileNames:'static/js/[name]-[hash].js',entryFileNames:'static/js/[name]-[hash].js',assetFileNames:'static/[ext]/[name]-[hash].[ext]',//超大静态资源拆分manualChunks
努力挣钱的小鑫·2023-11-06 09:06

electron-vite搭建桌面端应用程序

使用electron-vite搭建项目前一定要挂梯子安装一下脚手架其他按照官网流程往下搭建就行官网>下面是我package.json插件主要功能有：1：commit提交检查和拦截2、打包测试环境3、electron-vite
Blanche_qiu·2023-11-06 08:12

最新 vie-vite框架下 jtopo安装使用

官方地址官方源码安装下载1.官方好像都没有给git地址，尝试npm安装报错2.找到1.0.5之前的版本npmijtopo2，安装成功后使用报错，应该是版本冲突了1.本地引入，点击官方源码下载，需要jtopo_npm文件2.引入到本地根目录3.vue文件使用import{onMounted}from'vue'import{topoManager}from"./TopoManager";/**初始化*
Roottt_·2023-11-06 08:08

一个使用uniapp+vue3+ts+pinia+uview-plus开发小程序的基础模板

uniapp+uviewPlus+vue3+ts+pinia+vite开发基础模板使用uniapp+vue3+ts+pinia+vite开发基础模板，拿来即可使用，不要删除yarn.lock文件，否则会启动报错
1024小神·2023-11-06 02:31

Vue Vue3

以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##创建vuecreatevue_test##启动cdvue_testnpmrunserve使用vite
HuaLuLemon·2023-11-06 01:35

使用element-plus 页面组件 ts报错JSX元素类型“ElRow”不具有任何构造签名或调用签名

项目场景：vite、ts、vue3、element-plus、axios等技术的开发的后台管理系统。
李知鱼呀·2023-11-05 14:53

自定义element-ui plus 函数式调用，在API，js中直接使用全局组件

npminstall-Dunplugin-vue-componentsunplugin-auto-importyarn方式:yarnaddunplugin-vue-components;yarnaddunplugin-auto-import;使用官方的这个：vite.config.js
我来秋风扫落叶·2023-11-05 14:16

花了三年时间开发的开源项目，终于500 个 Star 了！快收藏

waynboot-mall商城项目从疫情开始初期着手准备，到现在已经经过了3年多的时间，从项目初期到现在，一个人持续迭代，修复漏洞，添加功能，经历了前端开发工具从vue2、vue-cli切换到vue3、vite
waynaqua·2023-11-05 12:43

【Vue3+Vite+bwip-js库】 生成DataMatrix码

前提条件已存在的vue3+vite架构前端项目对二维码分类有一定的了解生成的码的样式如下（DataMatrix）该二维码容量如下详情见：DataMatrix介绍Vue3+Vite导入bwip-js生成DataMatrix1
Lemoona·2023-11-05 11:00

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架

搭建前准备Vscode：前端人必备写码神器Chrome：对开发者非常友好的浏览器(反正我是很依赖它的)Nodejs&npm：配置本地开发环境，安装Node后你会发现npm也会一起安装下来Vue.jsdevtools：浏览器调试插件VueLanguageFeatures(Volar)：Vscode开发vue3必备插件，提供语法高亮提示，非常好用Vue3Snippets：vue3快捷输入Vue2与Vu
BingJS·2023-11-05 10:47

uniapp+vue3+typescript+vite创建项目（超详细）

目前，uniapp在App/H5/小程序全平台都已支持了Vue3.0+typescript开发，并且全平台支持Vite编译器。HBuilderX3.3.0+版本也已支持了vue3和vite。
wyy爱学习·2023-11-05 07:15

vue3+vite如何引入本地静态图片

在vite+vue3的项目中，使用img显示本地静态图片，如果直接引入的话不会显示出来，vite找不到对应的图片路径，需要使用下面的方式进行处理。
wyy爱学习·2023-11-05 07:15

vue3+element+sortablejs实现table动态拖拽

最近项目迁移vue3+ts+vite+element-plus有一个拖拽的小需求接下来给大家操作一下一、第一步我们要安装sortablejs依赖npminstallsortablejs--save或者yarnaddsortablejs
前端_李嘉豪·2023-11-05 07:14

关于.env环境变量文件的配置与来源

文章目录关于.env环境变量文件的配置与来源前言：1.环境模式VueCLIVite2.在`vue-cli`构建的项目中使用环境变量3.在vite项目中使用环境变量关于.env环境变量文件的配置与来源前言
孜然香菜·2023-11-05 04:57

vite.config.ts加载.env环境变量

在阅读vite文档的时候，我们知道vite的环境变量是在一个特殊的对象上，默认只有前缀为VITE_的环境变量会被加载。Vite在一个特殊的import.meta.env对象上暴露环境变量。
ZhuAiQuan·2023-11-05 04:24

vite配置.env环境变量文件，开发环境，测试环境，预发布环境，生产环境

在vue2，用的vue-cli脚手架搭建项目，cli用的是webpack当你yarndev时，命令会启动package.json中的dev键名的值，也就是后面的一行命令这时浏览器会去识别你是开发环境还是生产环境，其实windows是不能直接识别你是开发环境还是生产环境的，是webpack帮助我们识别了开发环境和生产环境。在vue2中我们可以直接用process.env就能拿到环境变量。这是webp
深一海·2023-11-05 03:19

antd vue3 图片上传组件扩展，支持多图上传 图片拖拽排序等

组件涉及到vue3.2、vite、AntDesignVue3.2.16、WindiCSS样式库、vuedraggable-es拖拽库等组件功能图片拖拽多图上传自定义图片加载样式自定义图片加载失败样式注意
苦修的木鱼·2023-11-04 22:12

Vite和Webpack的核心差异

编译成一个或多个单独的js文件，不管模块是否被执行，都要编译和打包到包里面，随着项目越来越复杂，项目模块越来越多，打包的BUNDER的越来越大，打包速度也越来越大，这个过程很消耗时间，启动时间也越来越长vite
前端同学·2023-11-04 20:50

浅谈vite与webpack的区别及Vite为什么那么快

webpack家喻户晓耳熟能详的前端编译工具在经历这么久的磨练后也开始显现出自己的颓势繁重的编译过程缓慢的加载及打包因为依赖node.js每次编译都要进行繁琐的递归去构建依赖图谱，导致热更新效率低下vite
Eirice·2023-11-04 20:20

webpack和vite

这些过程在vue的开发过程运行项目时的打包其实是在内存中完成的，所以经过这一系列的方式会使得在开发阶段每次修改代码都会运行打包，如果依赖太多运行就会很慢vite相对于webpack，在开发阶段vite效率要高很多
夏天想·2023-11-04 20:19

Vite 的基本原理，和 webpack 在开发阶段的比较

目录1，webpack的流程2，Vite的流程简单编译3，总结主要对比开发阶段。
下雪天的夏风·2023-11-04 20:49

VUE3 UI 轮子

初始架构vite文档给出的命令是npminitvite-appyarncreatevite-app等价于全局安装create-vite-app然后cva等价于npxcreatea-vite-app即npx
shirley_ee84·2023-11-04 18:05

【译】Remix❤️Vite

Remix❤️Vite今天，我们很高兴地宣布Remixv2.2.0中提供了对Vite的不稳定支持！现在，使用Remix时，您可以开箱即用地享受Vite快如闪电的DX⚡️的所有优势。现在就尝试一下吧！
sanbaofengs·2023-11-04 15:55

Vue3+Vite+TS后台项目 ~ 6.用户登录校验

一、登录1.登录静态页编辑src/views/login/index.vue文件登录import{reactive,ref}from'vue'constuser=reactive({account:'admin',pwd:'123456',imgcode:''})constloading=ref(false)construles=ref({account:[{required:true,messa
后海 0_o·2023-11-04 15:20

Github 自动化部署到GitHub Pages

1.准备工作新建仓库新建项目配置vite.config.tsbase:'./',部署应用包时的基本URL，例：vue-cli5.x配置publicPath推送到远程仓库2.配置GitHubToken点击
好巧.·2023-11-04 07:16

lerna + vite + typescript 多库，多应用共存项目脚手架模板

索性自己弄一个吧，开源一下：ts-lerna-vite-template这个项目使用lerna管理，具体工程打包使用Vite，编译也很简单，三个工程可统一打包，sourcemap、d.ts都有，有需要的拿走不谢
loveoobaby·2023-11-04 04:26

vue3+vite ＜script setup ＞ 配置name属性

//首先安装插件npmivite-plugin-vue-setup-extend-D//vite.config.ts引入importvueSetupExtendfrom'vite-plugin-vue-setup-extend'exportdefault
saturday-yh·2023-11-04 01:27

Vue3+TS i18n插件使用与配置

首先安装库：npmivue-i18n@[email protected]配置：import{defineConfig}from"vite"importvuefrom
煮茶忘放糖·2023-11-04 00:59

vite搭建vue3项目

npminitvite-app项目名称如果没安装vite就按照提示安装一下运行Done.Nowrun:cdsmartWaterSystemnpminstall(or`yarn`)npmrundev(or
Cc_Debugger·2023-11-03 19:26

vue3路由配置

npm下载安装路由npminstallvue-router@4--save新建router目录新建routes路由表可以分离，也可以写在路由文件下的index.js想用@方式引入，需要新建vite.config.ts
Cc_Debugger·2023-11-03 19:23

vue3 + vite 安装配置及项目创建

VUE官网：https://cn.vuejs.org/一.安装vue+vite1.安装vue方法一：标签CDN引入方式方法二：npm安装npminstallvue-g检查安装完成方法：npmlistvue-g2
最凶残的小海豹·2023-11-03 17:29

vite和webpack的区别及优势

vite直接启动开发服务器，请求哪个模块再对该模块进行实时编译。
姜无忧·2023-11-03 16:47

vite和webpack的区别（多层面分析）

vite是基于esbulid预构建依赖，esbulid是采用go语言编写的，go语言是纳秒级别。从语言上选择，vite比用J
紫陌~·2023-11-03 16:47

Vite和webpack的区别

Vite和Webpack都是前端构建工具，都能够将多个模块打包成一个或多个文件，并提供了一些插件和预处理器来支持各种开发场景和需求。
小源碎碎冰·2023-11-03 16:47

从零入门 Vite 与 Webpack 对比

从零入门Vite与Webpack对比什么是构建工具构建工具处理哪些工作模块化开发支持多种模块化支持语法处理代码兼容提高项目性能Vite相比Webpack从0开始Vite开箱即用Vite开发服务器搭建原理什么是构建工具浏览器只认识
土豆Coder·2023-11-03 16:44

vite和webpack区别

而vite是直接启动开发服务器，请求哪个模块再对该模块进行实时编译。由于现代浏览器本身就支持ESModule，会自动向依赖的Module发出请求。
文文的小仓库·2023-11-03 16:14

Vite 和Webpack 的核心差异

写在开头最近的vite比较火，而且发布了2.0版本，vue的作者也是在极力推荐在之前的文章里面我提到过，vite的缺点在于目前的生态不够webpack成熟，但是只要能弥补这个缺点，便有很大概率能替代目前
前端劝退师·2023-11-03 16:13

Webpack和Vite的区别

而Vite采用的是基于浏览器原生ES模块的特性，即只会对修改的模块进行重新构建，因此在大型项目中，Vite的构建速度要比Webpack快得多。
前端每日三省·2023-11-03 16:43

vite与webpack区别

vite与webpack区别在浏览器支持ES模块之前，JavaScript并没有提供的原生机制让开发者以模块化的方式进行开发。
三千长明·2023-11-03 16:06

Vite和webpack区别

Vite和Webpack都是前端构建工具，Vite是一个基于ESmodules的构建工具，而Webpack则是一个Web应用程序的静态模块打包器。
m0_63835647·2023-11-03 16:05
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他