Vite构建工具第4页

Redis-mysql 缓存实战

本文基于Springboot，mybatisplus，mysql，redis，Jedis模拟redis缓存实现目录1.添加所需maven依赖2.设置数据库及数据表3.构建实体类4.构建工具类实现redis

SSPo·2024-02-20 01:56

使用vite创建项目

NPMnpmcreatevite@latestYarnyarncreatevitePNPMpnpmcreateviteBunbunxcreate-vite安装sassnpmadd-Dsass安装lessnpmadd-Dlessvite

HWL5679·2024-02-20 01:34

前端Vue3开发 “硬核” 新书来了

二是Vue3引入了大量新特性，如全面拥抱TypeScript、使用Vite替换Webpack等，大家担心这些新技术难以掌握，因此不敢在实际项目中应用。

前端组件开发·2024-02-19 23:14

预览vite+react打包之后的项目

执行npmrunbuild&pnpmbuild全局安装http-server:npmi-ghttp-server找到打包好的dist文件。执行http-server

猛踹瘸子那条好腿の·2024-02-19 20:15

Nuxt3+Vue3(Composition API)+TS+Vite+Ant Design Vue 搭建

最近官网搭建选择了nuxtjs，由于框架更新了，其中语法也有很多变化，中间遇到了一些问题点做下总结。nuxt3官方文档地址：https://nuxt.com/docs/getting-started/installation安装在安装Nuxt3之前，你需要保证你的node.js大于16.10.0或者最新版本，我是用得最新版本18创建一个nuxt项目npxnuxiinit切换到刚创建的项目根目录cd

拾荒李·2024-02-19 20:48

vue3.2+TypeScript+Pinia学习笔记（最新版！！！）

typescript+pinia学习文章目录一、vue31.组合式API2.setup函数3.reactive函数4.ref函数5.reactive与ref的选择6.setup语法糖6.1.vue3+vite

阿吧阿巴阿巴·2024-02-19 19:43

创建 vite + vue3 + ts 项目简单笔记

vue3项目通过官方脚手架初始化项目：第一种方法：第二种方法：第三种方法（推荐）：初始化项目1、解决`import{ref,reactive...}from'vue'`大量引入的问题2、配置环境变量3、vite

W.Y.B.G·2024-02-19 19:08

Vue3笔记

创建vue-cli创建基于vite创建webpack和vite构建对比图基础官方推荐插件选项式api和组合式api对比修改组件name插件在devtools工具上显示组件name自动补充ref的value

山重水复疑无路·2024-02-19 18:39

【前端工程化面试题】说一下 webpack 的构建流程

类似问题是，说一下vite的构建流程，参考这篇文章。

我有一棵树·2024-02-19 16:46

【前端工程化面试题】使用 webpack 来优化前端性能/ webpack的功能

（1）对webpack的理解webpack为啥提出+webpack是啥+webpack的主要功能前端开发通常是基于模块化的，为了提高开发效率，webpack是一个基于模块的构建工具，是一个用于js应用程序的静态模块打包工具

我有一棵树·2024-02-19 16:11

手把手教你如何搭建Vue组件库

VantCLI是一个基于Vite实现的Vue组件库构建工具，通过VantCLI可以快速搭建一套功能完备的Vue组件库。建立组件库的意义首先组件库可以给我们降本提效，其次可以保持视觉

·2024-02-19 15:15

js设计模式:发布订阅模式

示例:发布订阅模式订阅尤大的vue技术专栏订阅尤大的vite技术专栏取消订阅尤大的vite技术专栏尤大发vue技术贴尤大发vite技术贴constYouyuxi=

青阳流月·2024-02-19 14:49

Vite之对CSS的处理方式及使用

Vite之对CSS的处理方式及使用文章目录Vite之对CSS的处理方式及使用1.直接对CSS处理2.使用css预处理器less1.直接对CSS处理可直接导入css进行使用，而不需要任何配置定义样式文件：

小袁搬码·2024-02-19 13:34

Vue+Vite项目初建(axios+Unocss+iconify)

一.创建项目npx--package@vue/clivue项目成功启动后，进入http://localhost:3200，即可进入创建好的页面(假设启动端口为3200)二.测试网络通讯模块假设有本地服务器地址localhost:8000提供接口服务，接口为localhost:8000/token，修改代码import{ref}from'vue'importaxiosfrom'axios'impor

@@鹏~~~·2024-02-19 12:06

使用vite + vue3 搭建开发环境接口请求代理https报错解决方案

17:58:50[vite]httpproxyerrorat/**/detail?

·2024-02-19 12:02

Vue3+Vite+TS+Pinia+ElementPlus+Router+Axios创建项目

目录初始项目组成1.创建项目1.1下载项目依赖1.2项目自动启动1.3src别名设置vite.config.ts配置文件tsconfig.json配置若新创项目ts提示1.4运行测试2.清除默认样式2.1

尿不湿没有了·2024-02-19 12:25

【前端工程化面试题】vite热更新原理

vite在开发阶段，运行vite命令，会启动一个开发服务器，vite在开发阶段是一个服务器依赖esm：vite在开发阶段使用esm作为开发时的模块系统。

我有一棵树·2024-02-19 12:31

12.2K Star，开箱即用后台管理系统

·2024-02-19 10:30

TailWindCSS+Vite+Vue3打造个性化在线简历项目,欢迎Fork

前言祝大家在新的一年：大吉大利，身体健康，迎大运，发大财！吐槽随便侃侃，无感请直接跳过到正文。注册了快7年的账号，思否第一篇文你敢信~~哈哈，今天开张了。至于契机嘛…司倒，失业之T_T。最近刷看到类似的帖子也挺多的，ORZ放心，真不是来输出负面情绪的~主菜马上就到。y情后各行各业都不容易啊，待了六年的公司也熬不住去年末倒下了（还有3个月工资拖欠着，希望仲裁给力吧）。个人也长时间呆在舒适区，也没经历

·2024-02-19 10:17

Vue3 学习笔记（Day1）

:::block-1目录0课程介绍1Vue3简介2创建Vue3工程2.1基于vue-cli创建2.2基于vite创建（推荐）2.3一个简单的效果:::0课程介绍P1：https://www.bilibili.com

·2024-02-19 10:54

Rustup 基础知识

cargo是rust的构建工具，暂不介绍，需要明白的是：rustup是管理语言自身的，cargo是管理第三方拓展的。

kami1983·2024-02-15 09:00

Vue3+Ant-Design-Vue:报错Cannot read properties of null (reading ‘isCE‘)

报错信息图示：在GitHub上找到如下描述，解决方案网上介绍的解决方案网上找到了几种解决方案，Vite+Vue3项目：修改配置文件修改vite.config.js配置文件，re

是席木木啊·2024-02-15 06:42

Vue3快速上手

目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1

__畫戟__·2024-02-15 06:40

gulp和webpack的区别

gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，加快请求速度和减少请求次数；并且gulp有

木槿_traxpvsa·2024-02-15 01:14

Servlet JSP-Eclipse安装配置Maven插件

一、Maven核心功能介绍Maven是一个强大的项目管理和构建工具，旨在简化Java项目的构建、依赖管理和部署过程。它提供了一种结构化的方式来组织项

Damon小智·2024-02-15 00:49

前端工程化

目录模块化包管理器构建工具脚手架模块化1.是为了解决全局污染（全局变量，全局函数）和依赖混乱问题（js引入顺序等问题）。

miss-ddly·2024-02-14 17:25

【无标题】

项目构建一、项目构建1.项目使用vite构建项目你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。

miss-ddly·2024-02-14 17:24

Java进阶笔记

Maven构建工具Maven仓库搜索jar包优点：第三方库很强大，要学会在巨人肩膀上工作缺点：搜索，确定版本，下载jar包，工作量大且不易在Maven仓库搜索jar包，添加到pom.xml，右键项目-runas-build

Tate_Brown·2024-02-14 14:30

Maven入门(3) 之 Maven自动化构建项目

所以Maven也可以这样介绍，Maven是Apache软件基金会组织维护的一款自动化构建工具，专注服务于Java平台的项目构建和依赖管理。这里再次重点说一下Maven的项目构建。

繁华似锦Fighting·2024-02-14 09:27

【Tauri】（3）：使用Tauri1.5版本，进行桌面应用开发，在windows上搭建环境，安装node，rust环境，可以打包成功，使用vite创建应用

www.bilibili.com/video/BV1Ny421a7nA/【Tauri】（3）：使用Tauri1.5版本，进行桌面应用开发，在windows上搭建环境，安装node，rust环境，可以打包成功，使用vite

fly-iot·2024-02-14 07:56

tauri+vite+vue3开发环境

本文只介绍Windows环境下的tauri+vite+vue3开发环境配置过程。一.MicrosoftVisualStudioC++生成工具您需要安装MicrosoftC++生成工具。

volodyan·2024-02-14 07:56

Vite配置环境变量以及反向代理请求

在Vite中，我们可以通过两种方式配置环境变量，一是在项目根目录下创建.env文件，二是直接在vite.config.js文件中设置。.

·2024-02-14 03:31

线上环境不要使用console.log，会导致页面卡顿，内存泄漏的原因

在我的这篇文章中分享了一个经验，就是vite打包之后会自动屏蔽所有的console.log打印的日志。那么，在线上环境中不要使用console.log打印日志，已经成为共识，你知道是为什么么？

我有一棵树·2024-02-13 23:19

vue3-应用规模化-工具链

工具链项目脚手架ViteVite是一个轻量级的、速度极快的构建工具，对VueSFC提供第一优先级支持。作者是尤雨溪，同时也是Vue的作者！

王大可996·2024-02-13 16:45

vue3中使用element-plus的图标不显示问题

按照官网的写法，我的图标不显示的：image.png然后我搜了一些大神的博客说是vite版本改为2.3.7（但是我的依然不可以！！！！！！！！！！！！！！！！）

是妍妍吖·2024-02-13 15:31

vite 构建，页面打开空白如何解决

比如部署页面最终部署在https://xxx.com/demo/下，就必须在vue-router中配置以下代码，否则确实会打开白屏import{createRouter,createWebHistory}from'vue-router';exportdefaultcreateRouter({ history:createWebHistory('/demo/'),//你的网站根目录地

John的WEB前端学习日记·2024-02-13 11:15

linux系统下vscode portable版本的python环境搭建003：venv

这里写自定义目录标题python安装方案一.使用源码安装（有[构建工具](https://blog.csdn.net/ResumeProject/article/details/136095629)的情况下

FakeOccupational·2024-02-13 11:41

Vite3 + Svelte3构建Web应用报错：'process is not defined'

Vite爬坑日记：在使用Vite3+Svelte3构建Web应用时，控制台报错：processisnotdefined。

天問_专注于大前端技术·2024-02-13 11:12

大数据开发 | 最流行的项目管理工具Maven

Maven是优秀的项目管理和构建工具，能让我们更为方便的来管理和构建项目，从最基础的环境配置，到maven核心知识点的应用。Maven简化和标准化项目建设过程。

程序员不敲代码·2024-02-13 10:47

在vue-cli项目设置代理proxyTable

method=upload这种的,或者前端本地开发需要模拟完成后端返回数据,结合mock.js,即可返回假数据,完成开发适用项目:vue项目项目开发,使用vue-cli构建工具解决办法:使用vue-cli

Angrybird233·2024-02-13 09:02

什么是vite，如何使用

参考：主要：由一次业务项目落地Vite的经历，我重新理解了Vite预构建vite官方文档为什么有人说vite快，有人却说vite慢？

sasaraku.·2024-02-13 05:23

记录目前使用vue3.2.0&&vite4.2.0时遇到的一些坑-持续更新

vue3安装markdown-itvuets使用markdown-it需要使用以下命令安装才行npminstall--savemarkdown-it@vue/compiler-sfc来源https://juejin.cn/s/vue3%20markdown-itlink中引用node_modules中css样式打包后丢失在main.ts中导入该样式重新打包即可，猜测应该是因为路径引用并不会触发vi

尽虹·2024-02-13 03:42

【Vue3+Vite+TS】10.0 组件七：动态加载进度条

必备UI组件将用到的组件：Progress进度条组件设计新建src\components\baseline\progress\src\index.vueconstprops=defineProps({//说明：百分比，必填percentage:{required:true,type:Number,default:0,},//说明：进度条是否有动态效果isAnimation:{type:Boolea

bobokaka·2024-02-12 23:39

wepack中plugin与loader的区别

因此，loader类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。

逆风飘游的鱼·2024-02-12 08:01

【Tauri】（1）：使用Tauri1.5版本，进行桌面应用开发，在windows，linux进行桌面GUI应用程序开发，可以打包成功，使用 vite 最方便

www.bilibili.com/video/BV1Pz421d7s4/【Tauri】（1）：使用Tauri1.5版本，进行桌面应用开发，在windows，linux进行桌面GUI应用程序开发，可以打包成功，使用vite

fly-iot·2024-02-12 08:29

uni-app 使用vite.config.js

import{defineConfig}from'vite'importunifrom'@dcloudio/vite-plugin-uni'//一定要用这个，不然运行会报错import{resolve}

weixin_43160044·2024-02-11 20:41

html标签中lang属性踩的一个小坑，日常中还是需要留意的风险点

htmllang的定义作用一般大家可能在前端项目的index.html入口html标签用的lang多一点，比如：Vite+Vue+TShtml标签用的lang时的一个小坑因为项目只有是国内使用的，没有中英文切换功能

·2024-02-11 18:15

vite创建之实践项目

vite创建之实践项目1、需要修改的代码 //在这里写vue代码用户名：密码：登录 .alert{ position:absolute; width