vite

新手小白：一文带你用vite从零搭建企业级开发环境

开始接触了前端开发，技术栈主要用的是vue2，但是自己利用时间也学习了vue3，组合式api和vue3的各种生态比vue2好用太多了，特别是状态管理库pinia比vuex简介很多，构建工具也从vue-cli变成了vite
九号新秀·2024-01-01 17:09

（vue3.x+vite）接入代码编辑器codemirror

前端技术社区总目录（订阅之前必须查看该博客）效果预览1：安装依赖npmivue-codemirrornpmi@codemirror/theme-one-darknpmi@codemirror/lang-javascript2：编写代码
GIS之家家长·2024-01-01 14:01

Vue学习计划-Vue3--初识Vue3，vite创建Vue3项目

1.Vue3简介性能的提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少54%源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking拥抱TypeScriptVue3可以更好的支持TypeScript新的特性CompositionApi(组合Api)setupref和reactivecomputed与watch…新的内置组件：
化作繁星·2024-01-01 01:20

使用react+vite开发项目时候，部署上线后刷新页面无法访问解决办法

说一下我这边的环境和使用的路由模式：vite+react+BrowserRouter路由模式，所以如果你和我一样的话，可以试试我的这种解决办法，我是将项目打包后直接丢到服务器上的目录里面，然后配置nginx
1024小神·2024-01-01 00:49

使用vite创建单页应用

vite是vue官方提供另外一种快速创建工程化的SPA项目的方式(一共有两种方式)基于vite创建SPA项目基于vue-cli创建SPA项目创建vite的项目`npminitvite-app项目名称cd
beizi·2023-12-31 21:51

常用的几种包管理器 npm yarn cnpm pnpm 安装

npm其实是Node.js的包管理工具（packagemanager），网址：npm|Home例如（layui包）：layui-npm(npmjs.com)常用操作：PSD:\Code2024\vue-vite
PieroPc·2023-12-31 21:27

vite+react+antd-mobile实现类似react-app-rewired的按需加载

步骤开发环境安装依赖yarnadd-Dvite-plugin-babel-import修改vite.config.jsimportvitePluginImportfrom'vite-plugin-babel-import
daoke_li·2023-12-31 16:49

SkyWalking UI 修改发布Nginx

文章目录SkyWalkingUI修改图标修改路由发布到Nginx添加认证修改路由模式vite.config.ts添加baseNginx配置SkyWalkingUIskywalking-booster-ui
ZeroKoop·2023-12-31 14:40

前端构建工具 | Vite与webpack的主要区别

Webpack和Vite是两个常用的前端构建工具，它们在设计理念和实现方式上存在一些区别。
儒雅的烤地瓜·2023-12-31 14:37

vite 创建vue3项目 （vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css）

目录一.创建基础vue项目二.安装vue-router三.设置路径别名@四.vuex五.SCSS六.环境变量七.eslint八.stylelint九.normalize.css一.创建基础vue项目npminitvite----templatevue选择vue->vue-ts进入目录运行npmruninstall与npmrundev便可运行二.安装vue-routernpminstallvue-r
该用户已成仙·2023-12-31 06:30

前端八股文（工程化篇）

6.如何提高webpack的打包速度7.vite比webpack快在哪里8.说一下你对Monorepo的理解9.如何减少打包后的代码体积10.Webpack的TreeShaking原理1.常用的git
前端VC·2023-12-30 22:56

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
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他