vite 第37页

Vue3使用Vite创建项目

node版本：node-vv18.16.0npm版本:npm-v9.5.1ViteVite：是一种新型前端构建工具，能够显著提升前端开发体验脚手架，创建Vue项目，替代Vue-cli基于Vite创建vue

征途漫漫，唯有奋斗·2023-10-18 14:23

Vue3项目上线打包优化

之前整理过Vue2项目上线打包优化，在vue3中，使用vite打包，配置稍微改了改。

kangaroo.·2023-10-18 11:20

three.js学习-智慧城市

前言在前面基础知识（摄像机，渲染器，轨道控制器，坐标轴，场景适配，渲染循环、几何体、材质、光等）有了基础了解后，还需要对着色器（坐标）有一定的学习了解然后就可以做智慧城市的项目了技术：vite+js以下是项目预览

Best_卡卡·2023-10-18 11:03

vite nginx 实现同端口部署多个vue项目

history:createWebHistory("/"),history:createWebHistory("/admin/"),routes,});验证：本地运行后缀有自动加上/admin二、修改vite.config.jsexportdefaultdefineConfig

itwlz·2023-10-18 09:00

Nginx 同一端口下部署多个 Vue3 项目

主子项目之间是使用的腾讯开源的无界（WebComponent容器+iframe沙箱）前端框架，能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、

tansci·2023-10-18 09:25

vite-vue3开发环境搭建

目前项目还未使用vite以及vue3。

z_hboot·2023-10-18 09:45

基于react18+vite4.x仿微信|react-chat聊天室

ReactChat聊天IM实例|react18.x仿微信App基于最新构建工具Vite4.x创建react18聊天项目，使用了react18+react-dom+react-vant+zustand等技术架构开发

xiaoyan_2018·2023-10-18 07:47

react18-webchat：基于react+arco+zustand仿微信客户端聊天实例

React18Hooks+Vite4网页聊天项目|react仿微信实战ReactChat。

xiaoyan_2018·2023-10-18 07:47

vue3+Vite+typeScript+Arco Design搭建企业管理后台

vite官网的这句话，我就简单粗暴的理解成简单的搭建模式，命令如下，当然因为npm版本不同，命令略有差异，建议您先查看npm版本npm-v#npm6.xnpminit@vitejs/app[项目名]--

欣~语·2023-10-18 07:11

基于react18+arco+zustand通用后台管理系统React18Admin

React-Arco-Admin轻量级后台管理系统解决方案基于vite4构建react18后台项目ReactAdmin。

xiaoyan_2018·2023-10-18 07:04

使用vscode + vite + vue3+ element3 搭建vue3脚手架

技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router状态管理：vuexAJAX：axiosUI库：element-ui3数据模拟：mockjscss

灰子·2023-10-18 05:04

Websocket：vue + node 实现实时通信

爱勇宝·2023-10-18 03:11

websocket+node+vite(vue)实现一个简单的聊天

1.前端逻辑本项目基于之前搭建的vite环境：https://blog.csdn.net/beekim/article/details/128083106?

键.·2023-10-18 03:34

vue webpack/vite的区别

Vue.js可以与不同的构建工具一起使用，其中两个主要的工具是Webpack和Vite。

锅盖哒·2023-10-17 22:47

vite实现终端自定印打印文字

安装插件picocolors，一个可以修改终端字符颜色的npm包cnpmaddpicocolors2.新建自定义插件文件（viteBuildInfo.ts）importtype{Plugin}from"vite

前端小嘟·2023-10-17 16:28

Vue3 + Vite + Ts 报错：Property ‘ ‘ does not exist on type ‘never‘

报错代码显示：src/views/Classfy/index.vue:13:20-errorTS2339:Property'name'doesnotexistontype'never'.13{{item.name}}~~~~src/views/Classfy/index.vue:14:32-errorTS2339:Property'icon'doesnotexistontype'never'.14

龙雨LongYu12·2023-10-17 15:41

Vue、Vite 和 ESLint：前端开发工具和概念全面解析

Volar和Vite:Volar是一个

刘春强·2023-10-17 14:49

vue+ts vite环境项目取不到process 解决方法

在tdesign文档中用官方的解决方案创建了一个vue2+ts项目用的配置文件是vite.config.js这里我做了一个简单的多环境配置当我在js中使用console.log(process.env.VITE_APP_BASE_URL

深圳市有德者科技有限公司-耿瑞·2023-10-17 13:02

前端测试接口工具网址及vue的小知识点

最好用的前端接口测试工具apifox：https://apifox.com/服务器上运行dist目录下的文件vite创建vue2项目：npmcreatevue@2进入到该目录：npminstall创建vue

Camille_7·2023-10-17 13:16

Vite+Vue3 加载速度优化

可以考虑从以下几个方面优化。整体思路：1.减小打包体积。2.异步加载。静态资源拆分打包在常规打包方法下，所有的第三方依赖将会都打包在一个vendor.js文件里，首次打开页面时，服务器会先加载这个大文件，导致白屏时间过长。而我们打包时，事先将依赖拆分成很多小文件各自进行打包，便可以实现异步加载，大大降低加载时长，提升加载效率，减少白屏时间。具体操作如下：exportdefaultdefineCon

acheding·2023-10-17 10:54

【go语言】使用wails构建桌面端应用（可跨三端）

文章目录介绍开发环境要求优点项目结构样例-markdown编辑器偶然冲突与electron比较介绍发现一个很不错的开源项目：wails是一个使用现代化web技术（vite+vue3,react等）构建桌面端应用的

web守墓人·2023-10-17 10:40

react学习笔记-3：项目路径配置

配置路径别名vite默认不支持相对路径，只识别绝对路径，所以需要配置路径别名，方便库和文件引用在vite.config.ts中添加配置tips：默认识别不到path库，需要安装声明：npmi-D@types

snipercai·2023-10-17 06:12

vite 预编译实现

直入正题，前段时间，vite做了一个优化–依赖预编译。本文就来逐步分析预编译的逻辑和代码实现。那什么是依赖预编译呢？

小码快冲·2023-10-17 06:22

前端食堂技术周刊第 35 期：Vitest v0.10.0、Jest 28、Ant Design v4.20.0、Lerna 官宣停止维护、UnoCSS 交互式

本期摘要Vitestv0.10.0Jest28AntDesignv4.20.0Chrome101Lerna官宣停止维护UnoCSS交互式文档上线vite-plugin-vue-inspectorDefensiveCSSCore

童欧巴·2023-10-17 05:18

文海鸥·2023-10-17 02:16

vue3.0实战项目

vue3.0+typescript+vite2实战：技术集成平台一、技术栈二、功能架构三、框架搭建四、安装插件1、路由插件vue-router4安装使用2、vuex4的安装3、安装sass和elementplus

EricFRQ·2023-10-17 02:46

vue3.0 开发公共组件库并发布到npm

前言分享一下我自己的组件库郝艳峰的组件库详细教程再组件库内写的很清楚目前只有一个发送验证码的组件，后期会慢慢更新首先：：就是开发自己组件库第一步：新建一个vite–vue3.0的项目,依次执行一下命令。

郝艳峰Vip·2023-10-17 02:46

vue3.0公共组件自动导入

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。

放风喽·2023-10-17 02:14

深入Vue3+TypeScript技术栈-课程文章目录

Vue3+TypeScript技术栈-课程文章目录课程核心1.0Vue3核心知识深入解析2.0Vue-Router4.x,Vuex4.x,CompositionAPI等详细解析3.0基于Webpack5,Vite2

以码平川·2023-10-17 02:43

vue3后台管理框架之技术栈

vue3全家桶技术基础构建：vue3+vite4+TypeScript代码格式：eslint+pretty+stylelintgit生命周期钩子：huskycss预处理器：sassui库：element-plus

LL1018。·2023-10-17 02:39

前端架构思考，Vue or React？领域设计、文件结构、数据管理、主题替换

从Vue和React看问题Vue的优势内置的vite构建工具，减少构建时间，提高开发效率，在大工程上特别明显结构、样式、功能分开的设计，再通过setup做crud的分隔，整个页面维度的逻辑会特别清晰在路由和数据管理上有官方的解决方案

软件工匠·2023-10-17 00:11

vue3后台管理框架之基础配置

配置vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'exportdefaultdefineConfig

LL1018。·2023-10-16 22:13

关于vite打包的一些配置

1.使用vite打包，需要打开发环境的包，需要在package.json文件加上代码：“build:dev”:“vitebuild--modedevelopment”,"scripts":{"dev":

Yriaf@2022·2023-10-16 21:57

Vue3+Vite+TS基于Element plus 二次封装业务组件(含Vue3知识点)

前言使用Vue3+Vite+TS基于Elementplus二次封装业务组件，注册挂载为全局使用，代码简洁了许多。封装好我们的业务组件今后开发中遇到时，就可以直接使用啦！

东方睡衣·2023-10-16 21:56

vue3 vite打包动态路由

vue3vite打包上传服务器获取动态路由失败引入import.meta.globconstmodulesR=import.meta.glob(`..

wlocfo·2023-10-16 19:37

3天快速掌握Vue3之vite构建vue3项目

安装node搭建vue3环境必须依赖于nodejs，且node版本必须>=12.0版本node官网包下载地址,在这个链接里面找到你想要安装的node版本https://registry.npmmirror.com/binary.html?path=node/检查是否安装成功打开命令行或者GitBash#查看node版本node-v#查看npm版本npm-v安装vue3环境npminstall-g@

前端从进阶到入院·2023-10-16 18:00

七，vue3+vite项目配置--引入element-plus

7.1集成element-plus硅谷甄选运营平台,UI组件库采用的element-plus，因此需要集成element-plus插件！！！官网地址:https://element-plus.gitee.io/zh-CN/pnpminstallelement-plus@element-plus/icons-vue入口文件main.ts全局安装element-plus,element-plus默认支

blue_121·2023-10-16 16:34

Vue+Electron打包桌面应用(从零到一完整教程)

文章目录一.使用vite+vue3+js方式一.构建桌面应用1.创建项目2.安装依赖运行项目3.配置Electron4.修改配置文件1)vite.config.js2）main.js(项目根目录新增)3

萧寂173·2023-10-16 16:03

vue3+vite使用svg图片

一、下载插件yarnaddvite-plugin-svg-icons-D//ornpmivite-plugin-svg-icons-D二、配置1、vite.config.tsimport{defineConfig

zh814l·2023-10-16 10:15

vue3+vite中使用国际化，vue-i18n插件实现

一、安装npminstallvue-i18n二、在src文件夹下新建locales文件夹，里面新建三个文件，分别是英文词条文件en.ts，中文词条zh.ts，主文件index.ts，分别如下en.tszh.tsindex.tsimportzhfrom"./zh";importenfrom"./en";exportdefault{zh,en,};三、在src同级新建i18n.tsimport{cre

yang_song97·2023-10-16 10:45

Vue3+Vite+Js项目搭建之九：SvgIcon.vue 组件构建

效果：在components下构建SvgIcon.vue组件import{computed}from"vue";constprops=defineProps({name:{type:String,required:true,},className:String,color:String,width:String,height:String,size:String|Number,});//判断传入的

yqcoder·2023-10-16 10:44

vue3+vite+ts 使用svg

(1)安装插件yarnaddsvg-sprite-loader--save-dev(2)封装svgIcon组件在componemts里新建svgIcon文件夹，新建SvgIcon.vue，封装成组件constprops=defineProps({name:{type:String,required:true}}).svg-icon{width:1em;height:1em;vertical-ali

@呵呵·2023-10-16 10:11

vue3+vite项目中使用svg图标

vue3+vite项目中使用svg图标引言1.vite-plugin-svg-icons插件安装配置2.下载svg图标3.使用svg图标封装svg-icon组件全局注册组件中使用引言项目中有很多地方需要用到

南木元元·2023-10-16 10:11

Vue3+Vite 实现引入svg图标

页面展示效果图如下：1.安装依赖插件vite-plugin-svg-iconsnpmivite-plugin-svg-icons2.安装fast-globnpmifast-glob3.配置vite.config.js

吃葡萄不吐葡萄皮嘻嘻·2023-10-16 10:09

vue(二）vue3 + vite + 自定义svg使用

3.2.39","vue-router":"^4.1.5"},"devDependencies":{"@vitejs/plugin-vue":"^3.1.0","fast-glob":"^3.2.12","vite

qq_30620793·2023-10-16 10:08

vue3+vite svg图标的使用

这个基本纯属靠大佬，毕竟不会写插件这边就写写过程。首先安装svg相应的开发插件npminstallsvg-sprite-loader-D然后我们使用svg按照vue的开发文档上说都是先封装一个svg组件import{computed}from'@vue/reactivity';constprops=defineProps({name:{type:String,required:true},colo

杨小c丶·2023-10-16 10:36

在vue3+vite+Ts项目中使用svg

这里写自定义目录标题1、首先在conponents目录下创建组件2、在main.ts文件中在main.js里面全局注入svg-icon组件3、在utils目录下创建svg.ts文件4、在vite.config.js

#GZ·2023-10-16 10:35

Vue3 + Vite 项目使用 svg 加载 iconfont 的最佳实践

目录Vue3+Vite项目使用svg加载iconfont的最佳实践1为什么需要使用iconfont？2如何在Vue3+Vite项目中使用iconfont？

Vesuvius688·2023-10-16 10:04

vue3+vite项目中使用svgIcon

项目中优雅的使用图标1、安装插件nodeversion:>=12.0.0viteversion:>=2.0.0npmivite-plugin-svg-icons-D插件地址：GitHub-vbenjs/vite-plugin-svg-icons

hdchangchang·2023-10-16 10:02

Vue3引用PWA，vite-plugin-pwa的使用及注意要点

工作业务需求，需要给H5页面增加PWA功能，主要是需要有一键添加到桌面，而不是指引用户在浏览器工具栏操作。查找了一些资料，主要是用到AddtoHomeScreen，简称A2HS，需要主要的是此方法只有部分浏览器支持，MobileChrome/AndroidWebview从31版开始支持A2HS，OperaforAndroid从32版开始支持，FirefoxforAndroid从58版(en-US)

yilaisai·2023-10-16 09:53

推荐频道

vite