Vite

CAMPUS 校园伙伴匹配系统完结啦

SUPER速配-伙伴匹配系统CAMPUS校园伙伴匹配系统项目介绍校园伙伴匹配（CAMPUS伙伴），一个前后端分离的用户匹配系统，前端使用Vite+Vue3+Vant4，后端使用SpringBoot+MyBatis-Plus
猫十二懿·2023-12-30 21:02

vue3项目中使用vite-plugin-svg-icons插件

参考官网插件安装yarnaddvite-plugin-svg-icons-D#ornpmivite-plugin-svg-icons-D#orpnpminstallvite-plugin-svg-icons-D在vite.config.ts
Eleven....·2023-12-30 18:23

vite 简要配置

1配置路径处理模块安装ts的类型声明文件pnpmi@types/node-D通过配置alias来定义路径的别名resolve:{alias:{'@':fileURLToPath(newURL('./src',import.meta.url)),},},2分别打包css,js，imagebuild:{rollupOptions:{output:{//chunk文件名chunkFileNames:'a
无心使然云中漫步·2023-12-30 11:45

Electron Vue3 Typescript Vite使用typeorm操作SQLite

1，安装typeorm和sqlite3:npminstalltypeormnpminstallsqlite32,新建一个文件data-source.ts。import{DataSource}from'typeorm';import{User}from'../entity/User';import*aspathfrom'path';import{ItemData}from'../entity/Ite
靓仔建·2023-12-30 11:33

vite-ts-vue3笔记

vitenpmcreatevite@latestnpmrundev开始预览时使用模块是esmodule打包生产环境使用rollupwebpack基于nodevite基于原生module和rollupvite的基础配置根目录下的vite.config.jsimport
苦逼的猿宝·2023-12-30 10:28

Vue3自定义指令与Composition API实现动态权限控制

考虑到Vue3带来的显著性能提升、更严谨的类型系统（通过TypeScript集成）以及其强大的状态管理工具——Vuex4等优势，我们果断选择了Vue3作为前端主框架，并结合Vite进行快速开发
晚风914·2023-12-30 09:54

vue中使用cesium方法总结

最近做的毕设用到了cesium，这里给大家总结一下vue如何结合cesium首先确定你使用的脚手架，vue-cli还是vite插件|Vite官方中文文档(vitejs.dev)如果是vite，那么只需要在官方文档中找到社区插件
小马大咖·2023-12-30 07:42

vue3+ts+vite自定义组件上传npm流程

1.创建项目npmcreatevite这里踩坑点：运行vite生成的vue项目时报错“SyntaxError:Unexpectedtoken'??
lyj168997·2023-12-30 06:26

electron 项目 第一篇 vite +vue3 搭建electron项目

vite+vue3搭建electron项目1使用vite创建vue3项目2安装electron依赖3嵌入electron3.1创建electron目录3.2配置electron插件3.3书写electron
倔强的钢蛋·2023-12-30 06:53

vue3+vite中使用vuex

1.第一种方式在main.ts中创建一个新的store实例import{createStore}from'vuex'//创建一个新的store实例conststore=createStore({state(){return{username:'张三'}},mutations:{changeName(state:any,us:string){state.username=us;}}})constap
程序员正茂·2023-12-30 05:46

vue3+vite组件中使用Cesium粒子系统

一、注意事项1.图片的引用路径必须从根目录（即index.html所在的目录）开始，如果使用相对路径，也要返回到根目录再转到对应的目录。//第一种，直接从根目录开始image:'src/assets/particles/BlowingSnow.png'//第二种，相对路径先返回到根目录，再转到对应目录image:'../../src/assets/particles/BlowingSnow.png
程序员正茂·2023-12-30 05:10

vue3+ts打开echarts的正确方式

实例项目使用vite5+vue3+ts，项目地址vite-vue3-charts，预览地址https://weizwz.com/vite-vue3-charts准备工作1.注册为百度地图开发者官网地址，
液态不合群·2023-12-30 01:55

vue3中引入文件ts报红色波浪线问题

在创建vue3+vite+ts的项目过程中，发现ts在引入文件时报红色波浪线解决方法：1.如果使用的vsCode中vue插件是Vetur的话，需要卸载重新安装支持vue3的Volar插件2.需要在src
dzry_lr·2023-12-29 21:15

vite+vue3打包部署问题

最近使用vite+vue3写了个小的demo，发现打包部署后页面出不来。如果是正常把包放在服务器的根目录中，项目页面是可以打开的。但是我要部署的是根目录dist包里面，外面多了一层文件夹。
Fighting宁·2023-12-29 19:21

nginx部署前端项目总结

目录1.前端打包2.nginx配置3.注意点1.前端打包本次开发使用的是字节的前端框架ArcoDesign进行开发，使用vue3，ts及vite，框架中有两套环境配置，分别为.env.development
linab112·2023-12-29 17:10

vite配置proxy不生效

检查vite.config的proxy配置server:{strictPort:true,proxy:{'/base':{target:env.VITE_BASE_API_PREFIX,changeOrigin
noyanse·2023-12-29 16:00

[react]脚手架create-react-app/vite与reac项目

[react]脚手架create-react-app/vite与reac项目环境问题描述create-react-app脚手架根据脚手架修改项目结构安装脚手架注入配置文件-config文件夹package.json
三知之灵·2023-12-29 16:49

VSCode + vite + vue3断点调试配置

没想到这个配置我搞了一上午，网上很多的配置方案都没有效果。总算搞定了，特此记录一下。首先需要在.vscode文件夹下面创建launch.json配置文件。然后输入如下配置：{//使用IntelliSense了解相关属性。//悬停以查看现有属性的描述。//欲了解更多信息，请访问:https://go.microsoft.com/fwlink/?linkid=830387"version":"0.2.
acgCode·2023-12-29 15:11

Vite项目打包构建优化（视图分析、CDN引入）

使用rollup-plugin-visualizer插件先分析模块占用空间安装依赖：pnpmirollup-plugin-visualizervite配置：plugins:[vue(),visualizer({filename:'analysis.html',//分析图生成的文件名open:true//如果存在本地服务端口，将在打包后自动展示})]执行命令：vitebuild打包构建会自动生成下面
一路向北@L·2023-12-29 13:01

vite 查看项目依赖资源打包后的占比

vite打包的时候发现dist包挺大的；可以查看相应依赖资源的所占比例去压缩对应资源或按需导入对应资源；使用的是rollup-plugin-visualizer；一个打包体积分析插件，对应webpack
小小的杰茜·2023-12-29 13:28

【Vue3】创建项目的方式

vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令vuecreatevue_test本质上使用webpack，默认安装以下依赖：2.基于vite
小秀_heo·2023-12-29 13:58

Vite+Vue3学习笔记（2）——语法、渲染、事件、数据传递、生命周期、第三方库、前端部署

官网链接：https://cn.vuejs.org/如果出现普通用户无法新建项目，必须要管理员身份新建，那么可以在nodejs的安装路径设置安全选项，提高普通用户的权限。具体方法参考：https://blog.csdn.net/weixin_43174650/article/details/1218659340基本标签标签功能template模板div块h1~h6标题p文字header头部main
阳排·2023-12-29 10:57

vue.js组件的应用(Vite构建)

一.组件的定义和应用1.全局组件全局组件是指在任何页面中不必再单独引入组件并注册，直接在模板中使用组件名称就可以引用的组件。全局组件注册方法一先在src目录下新建一个globalComponents文件夹，再新建一个Header.vue的全局组件。全局组件Headerexportdefault{name:'Header'//以大写字母开头的组件名称}进入main.js，进行全局组件的注册，代码如下
心理患者·2023-12-29 09:07

vite打包es5

//vite.config.js配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importlegacyfrom'@vitejs
[email protected]·2023-12-29 09:59

简单聊聊 webpack vue-cli vite

先说说webpack从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具，其实重点就是跟，他依赖于node模块前端模块化是指：前端的js，css，图片，json文件，还有一些其他的静态资源可以当成模块来进行使用，还有就是处理模块之前的依赖，比如scss转css（sass-loader，同时sass-loader依赖node-sass），es6转es5，typescri
奶爸程序猿·2023-12-29 05:23

【Vue3快速上手】

Vue3快速上手1Vue3简介2创建Vue3.0工程2.1使用vue-cli创建2.2使用vite创建3分析工程结构4安装开发者工具1Vue3简介github上的tags地址：https://github.com
小王小王几点了·2023-12-29 00:51

在用Vite开发时静态图片放哪里,才能保证显示，不出现找不到资源

在用Vite开发时静态图片放哪里在用Vite开发时静态图片（资源）放哪里呢？如果你想直接全部显示的那么请你把静态资源放到public目录下面，这样你一打包所有的静态资源都会放到打包根目录下。
xwhking·2023-12-28 23:26

使用Vite创建React + TypeScript（pro和mobile，含完整的空项目结构资源可供下载）

templatereact-tsVite是一个框架无关的前端工具链，可以快速的生成一个React+TS的开发环境，并且可以提供快速的开发体验说明：1.npmcreatevite@latest固定写法（使用最新版本vite
怕冷的火焰（~杰）·2023-12-28 18:55

three.js实现3D汽车展厅效果展示

项目搭建本案例还是借助框架书写three项目，借用vite构建工具搭建vue项目，搭建完成之后，用编辑器打开该项目，在终端执行npmi安装一下依赖，安装完成之后终端在安装npmithree即可。
不爱敲代码的小胡·2023-12-28 17:06

vite + vue3 的项目，使用 rollup 打包 的方法

library-mode详细设置https://cn.vitejs.dev/config/#build-lib技术栈viterollup打包方式vue-cli自带的是webpack的打包方式，打出的包体积有点大，而vite
自然框架·2023-12-28 17:07

‘xxxx‘ is declared but its value is never read.Vetur(6133)

问题在打开vscode时，部分变量等报isdeclaredbutitsvalueisneverread,尤其是vite+vue3+TypeScript时原因vetur不再支持维护了方案1、卸载vetur2
苦夏木禾·2023-12-28 10:31

vite项目修改依赖不更新，清除依赖缓存

有些时候我们会直接修改依赖文件，但修改后没有更新，大多数情况下就是被缓存了解决方法1、手动删除node_modules/.viteVite会将预构建的依赖缓存到node_modules/.vite;然后手动删除即可
苦夏木禾·2023-12-28 10:31

vue3视频播放插件vue3-video-play的具体使用方法

:12分钟前之前的vue项目中用到视频播放器，但是UI不是很好看，索性就打算写一个视频播放器插件紧随着vue3的发布，vue3的生态还不是很完整，就索性把这个视频播放器插件修改成了vue3版，最终使用vite2
xdlumia·2023-12-28 09:17

vite技术揭秘--模版创建

定义的数组会在命令行中依次执行，并收集结果此时我们已经知道用户选择的模版类型，以及定义的文件名称等内容，此时根据目标目录进行新建或清空接着做读写操作，即从模板中读取文件复制到目标文件中这显然是一次递归行为其中，模版是由vite
习惯水文的前端苏·2023-12-28 07:41

vue3+vite+vue-router实现动态读取文件夹名称和addRoute

方案：借助vite的新增属性获取文件夹名称及其component动态加载到router上文件目录：//main.jsimport{createApp}from'vue';import{createPinia
zhooson·2023-12-28 07:29

【项目实战】基于Vue3+TypeScript+Pinia的后台管理系统（coderwhy）

基于Vue3+TypeScript+Pinia的后台管理系统是基于Vue3、Pinia、VueRouter、Vite、ElementPlus、TypeScript、Echarts等后台系统接口地址https
起伏羊·2023-12-28 07:54

vue3后台管理系统（模板）

系统简介此管理系统是基于Vite2和Vue3.0构建生成的后台管理系统。
落下香樟树·2023-12-28 07:22

Vue前后端跨域链接

前端更改访问方式在vite.config.js文件设置映射的路径exportdefaultdefineConfig({plugins:[vue(),],resolve:{alias:{'@':fileURLToPath
Zm6Cc·2023-12-27 16:11

uni-app 命令行创建

1.首先创建项目，命令如下:npxdegitdcloudio/uni-preset-vue#vite-tsuni-app-demo如果出现报错，如下图.大概率就是没有目录'C:\Users\Administrator
丑过三八线·2023-12-27 13:47

uniapp项目用vscode开发，拉黑马的基本模板代码，安装eslint+prettier后，ts.config.json文件报错，提示有 “node“ 模块解析策略的情况下，无法指定选项 “

vite项目报错：在没有“node“模块解析策略的情况下，无法指定选项“-resolveJsonModule“。
深一海·2023-12-27 10:59

【Error】failed to load config from D:\Users\MXIN\IdeaProjects\xxx\vite.config.ts error when starting

项目使用yarnrundev启动前端项目报错：failedtoloadconfigfromD:\Users\MXIN\IdeaProjects\xxx\vite.config.tserrorwhenstartingdevserver
MXin5·2023-12-26 18:34

vue项目使用vite设置proxy代理，vite.config.js配置，解决本地跨域问题

vue3+vite4项目，配置代理实现本地开发跨域问题非同源请求，也就是协议(protocol)、端口(port)、主机(host)其中一项不相同的时候，这时候就会产生跨域vite的proxy代理和vue-cli
大王在路上·2023-12-26 17:49

vue3 + vite 搭建项目

image.png运行报错如下，router找不到路径，用@导入组件/文件报错image.png修改vite.config.ts配置image.png
哩哩哩_0033·2023-12-26 16:09

tsconfig.app.json文件报红：Option ‘importsNotUsedAsValues‘ is deprecated...

在创建vue3+vite+ts项目时的tsconfig.json（或者tsconfig.app.json）配置文件经常会报一个这样的错误：爆红：Option‘importsNotUsedAsValues
一嘴一个橘子·2023-12-26 15:49

Tailwind CSS 原子化开发初体验

一、安装这里以React+Vite为例安装依赖，生成postcss.config.js和tailwind.config.js配置文件npmi
天問_·2023-12-26 15:26

vite常用配置

一、常用配置rootroot是项目根路径，可以是绝对路径，一般配合fs.strict来限制访问root以外的路径。basebase是开发或生产环境服务的公共基础路径。假如部署的项目在端口后面加入了虚假路径，那么这个属性，可以改为/虚假路径从而可以使得资源可以在nginx可以被访问。例如：某个网站需要在8848端口下的/admin下面展示，那么我们就可以配置成：exportdefaultdefine
海上彼尚·2023-12-26 12:40

react+koa全栈开发 以及 部署流程

前端开发后端开发部署前端开发前端使用react、sass、TS、vite、pnpm进行开发，太详细的这里就不展开说了项目创建可以参考我的另外一篇文章优雅地创建一个前端项目后端开发后端使用node，使用koa
hello_helloworld·2023-12-26 11:30

reactive和TypeScript标注数据类型-ts使用方法

一、vite项目中:lang="ts"是表明支持ts校验（ts全称typescript,是es6语法，是javascript的超集强类型编程语言，类似java，定义变量类型后，赋值类型不一致，会提示，但是可以运行国内网址
wuhuhuan·2023-12-26 05:11

＜script setup＞ 的作用

一、使用之后，就不需要手动写以下代码，只要写逻辑代码未加setup，vite工程要加上下面代码*exportdefault{*setup(){*//只要写逻辑代码*return{***}*}*}加了setup
wuhuhuan·2023-12-26 05:10

uni-app系列（一）用cli创建支持Vue3/Vite的uni-app项目

更新HBuilderX编译器到3.3.0+，HBuilderX3.3.0+的编辑器支持基于Vite编译到小程序平台。
硅谷干货·2023-12-26 01:20
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他