Vite构建工具第12页

Vue3新特性defineModel()便捷的双向绑定数据

配置：vite.config.js使用场景和案例使用场景：父子组件的数据双向绑定，不用emit和props的繁重代码具体案例代码实现父组件//子组件constshowDevice=ref(false)/

珊珊而川·2024-01-23 05:34

Spring源码解读，基础环境搭建以及准备

Gradle是一个基于Groovy的构建工具，它使用Groovy来编写构建脚本，类似Maven支持依赖和多项目构建，但比Maven更加简单轻便。你可以到Gradle官方网站下载。

javap·2024-01-23 03:27

tsconfig.json配置详解

使用vite创建vue3项目中会自动生成三个tsconfig相关的文件，分别是：tsconfig.json、tsconfig.node.json、tsconfig.app.json。

菊の物语·2024-01-23 03:02

vite初始化tailwind(ts)

tailwind依赖根据官网提示，tailwind需要搭配postcss和autoprefixernpminstall-Dtailwindcsspostcssautoprefixer引入tailwind配置根据官网的简易生成所需文件命令npxtailwindcssinit-p之后你的项目根目录下就有tailwind.config.js和postcss.config.js配置文件。ps:以下为强迫症

秋色暮光·2024-01-23 03:51

vue3-vite前端快速入门教程 vue-element-admin

Vue3快速入门学习初始化项目#创建项目npmcreatevite@latestmy-vue-app----templatevue#安装依赖npmi#运行npmrundev模板语法文本插值最基本的数据绑定形式是文本插值，它使用的是“Mustache”语法(即双大括号)：Message:{{msg}}双大括号标签会被替换为相应组件实例中msg属性的值。同时每次msg属性更改时它也会同步更新。原始HT

O丶ne丨柒夜·2024-01-23 02:19

【开发】项目构建工具——maven

maven管理了所有jar包的导入maven简介why目前的技术目前存在的问题一个项目就是一个工程项目庞大，不适合用package划分模块一个模块对应一个工程借助maven拆分成多个工程，利于分工协作项目中需要的jar包必须手动复制、粘贴到WEB-INF/lib同一jar包重复出现在不同项目工程jar包仅保存一份保存在maven仓库中，需要时引用即可jar包需要找资源借助maven以一种规范的方式

AmosTian·2024-01-23 00:14

【Maven教程】（十四）：生成项目站点—— 丰富项目信息、项目报告插件、自定义站点外观、国际化及部署站点 ~

3.1JavaDocs3.2SourceXref3.3CheckStyle3.4PMD3.5ChangeLog3.6Cobertura4️⃣自定义站点外观4.1站点描述符4.2头部内容及外观4.3皮肤4.4导航边栏5️⃣创建自定义页面6️⃣国际化7️⃣部署站点总结Maven不仅仅是一个自动化构建工具和一个依赖管理工具

小山code·2024-01-23 00:41

面向后端开发者，即无需涉足各类构建工具，只需面向浏览器本身的Layui框架

Layui是一款采用自身模块规范编写的前端UI框架，它遵循原生的HTML/CSS/JS书写方式。它虽然外在极简，但是内容丰富，里面包含众多组件从核心代码到API都非常适合界面的快速开发。事实上layui更多是面向于后端开发者，而且它还拥有自己的模式。Layui更多是面向于后端开发者，所以在组织形式上毅然采用了几年前的以浏览器为宿主的类AMD模块管理方式，却又并非受限于CommonJS的那些条条框框

bysjlwdx·2024-01-22 21:00

常见技术问题及答案（一）

background:blue;}.right{width:200px;height:300px;background:red;}二、介绍一下webpack和gulp，以及项目中具体的使用gulp：是工具链、构建工具

Z_the·2024-01-22 20:44

如何创建vite项目!

vite官网：vite是一种新型前端构建工具，能够显著提升前端开发体验网络：vite是一个静态服务器，也可以说是一个开发的构建工具它的目标就是提供快速的开发体验和性能优化vite优点与缺点Vite优点Vite

小舟423·2024-01-22 13:36

vue3跨域请求及一些常用配置

1、在根目录下的vite.config.js文件中配置，网上有说这个文件不能配置，经测试，也没啥毛病。proxy:{'/tes

爱敲代码的小冰·2024-01-22 13:52

微前端-无界wujie

无界微前端方案基于webcomponent容器+iframe沙箱，能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等用户的核心诉求。

前端大颖颖·2024-01-22 12:52

vite 创建项目流程 + vue3学习

1.创建vite项目cmd打开终端npminitvite输入项目名选择vue框架选择使用js2.打开项目文件配置路由npmi初始化项目npminstallvue-router安装路由新建router文件创建

weixin_heye·2024-01-22 12:50

#2Vite+Vue3+SpringMVC前后端分离解决跨域问题和session每次请求不一致问题

目录一、尝试通过配置请求头和响应头解决（跨域解决了，但session每次请求都不一致）1、axios配置2、后端过滤器配置3、问题复现4、尝试解决（失败）5、小结二、Vite配置Proxy代理解决跨域问题

wbzybfa·2024-01-22 11:16

#8Jenkins(Windows)管理Vite+Vue3工程

目录1、安装nodejs2、配置nodejs3、工程配置（非流水线模式）1、安装nodejs如果版本不兼容的，找到历史版本中与Jenkins版本相匹配的下载然后使用高级中的DeployPlugin安装即可NodeJS2、配置nodejsGlobalToolConfiguration下进行如下配置安装目录为当前Windows下已安装的nodejs的目录3、工程配置（非流水线模式）此处的配置跳过了检出

wbzybfa·2024-01-22 11:13

vite版本的CDN引入的小问题

文章目录前言proUrl是什么？1.如果不写的话2.如果写的话看到这样写的正确的写法夸一下前言看了几个文章要么不带prodUrl，要么就写的不对。以防自己忘记，简单记录一下。顺便简单吐槽一下gzip，不开启deleteOriginFile就会有双份文件打包体积更大，还需要在nginx进行操作proUrl是什么？proUrl是定义从哪个网站引入包的。1.如果不写的话2.如果写的话看到这样写的prod

???xixi·2024-01-22 04:58

vue3中vite.config.js文件常用配置

文章目录配置root：base：publicDir：plugins：optimizeDeps：server：build：resolve：配置vite.config.js文件是Vite项目的配置文件，通过该文件你可以对

我胡为喜呀·2024-01-22 03:16

10w 字前端技术文档分析

包含了前端领域的各个内容，例如：前端三件套（HTML、CSS、JavaScript）前端热门框架（Vue、React）前端构建工具（Webpac

Jackson-Mseven·2024-01-21 21:48

Maven

*Maven一、Maven的简介：1、Maven是自动化构建工具，简单来讲就是一款项目管理工具；2、传统项目没有使用Maven带来的问题：2.1、很多模块，模块之间有关系，手工管理关系，比较繁琐。

y sunshine·2024-01-21 20:33

vite和mockjs配合使用

vite+mockjs当后端还没准备完成之前，前端可以使用mock模拟后端响应，提高开发效率1、安装插件使用vite-plugin-mock插件，配合mockjs完成项目的mock配置npminstallmockjsvite-plugin-mock2

张张张96·2024-01-21 16:34

【Gradle】Maven-Publishing

开发完成一个模块或者一个基础框架需要提供给团队项目使用，这个时候有两种方式可提供，一是提供源码，二是提供编译构建好的jar包供使用，这个时候需要讲构建好的包发布到公司的私服（公司maven仓库），可以通过项目构建工具

NettyBoy·2024-01-21 13:20

供应链安全项目in-toto开源框架详解

它可与主流的构建工具、部署工具进行集成。in-toto已经被CNCF技术监督委员会(TechnicalOversightCommittee，TOC)接纳为CNCF孵化项目。

筑梦之月·2024-01-21 13:17

Vue利用vite创建待办事项的部分代码，以及总结

//用了vite后，在组件标签就可以直接用局部注册的标签名了。

- 瑾♛年·2024-01-21 11:55

Vue3 + Vite + Css3切换主题

1、css3中变量的作用一个系统或者说一个项目中，往往涉及到很多颜色，但是如果系统看起来样式规整统一的话可能在色值方面偏靠一个色系，字体，颜色，背景颜色，图标颜色等等。所有可以在css中定义统一的变量，就不用到处去改防止在修改的时候遗漏。2、css3中如何声明变量/**局部设置*/div{--bg-color:red;}/**全局设置*/:root{--common-background-colo

Xiao_zuo_ya·2024-01-21 11:34

electron-vite中的ipc通信

1.概述再electron中，进程间的通信通过ipcMain和ipcRenderer模块，这些通道是任意和双向的1.1.什么是上下文隔离进程ipc通道是通过预加载脚本绑定到window对象的electron对象属性上的2.通信方式2.1.ipcMain（也就是渲染进程向主进程的通信单向）如果要将渲染器进程发送的主进程，我们使用ipcRenderer.send()在渲染进程中发送信息，然后在主进程中

QD_ANJING·2024-01-21 07:13

vue3+vite：封装Svg组件

前言在项目开发过程中，以svg图片引入时，会遇到当hover态时图片颜色修改的场景，我们可能需要去引入另一张不同颜色的svg图片，或者用css方式修改，为了方便这种情况，需要封装svg组件来自定义宽高和颜色，优化使用。1.什么是SVGSVG(ScalableVectorGraphics)是一种基于XML的矢量图形格式，用于描述二维图形和图像。与传统的栅格图像（如JPEG、PNG）不同，SVG使用数

儒雅的曹曹曹·2024-01-21 07:58

Gradle使用详解

现在市场上构建工具主要有三种：ant、maven、gradle。

尘世中迷途小书僮·2024-01-21 06:19

兼容旧版本浏览器：Vite Legacy插件的深度使用指南

Vite的Legacy插件为我们提供了一种解决方案，它能够自动将我们的源代码转换为能在旧版本浏览器中运

handsome-wolf·2024-01-21 05:42

Vue3 在 history 模式下通过 vite 打包部署白屏

Vue3在history模式下通过vite打包部署后白屏;起因hash模式url后面跟个#强迫症犯了改成了history,就此一波拉锯战开始了...期间nigix和router各种反复排查尝试最终一波三折后可算是成功了

survivorsfyh·2024-01-21 05:00

使用Glup完成项目自动化构建

这样就可以在开发过程中使用提高效率的语法、规范和标准比如我们可以通过：使用ECMAScript提高代码效率和质量使用Sass增强css的可编程性利用模板引擎抽象页面中重复的页面这些在浏览器中是不支持的，所有可以通过自动化构建工具转换这些不被支持的特性示例

翔子丶·2024-01-21 01:39

【记账本实战】02 添加 Vue Router 路由管理器

添加VueRouter路由管理器对初始化的项目进行瘦身在使用Vite创建一个Vue项目中，我们初始化好了一个Vue项目，我们需要对其进行瘦身，删除一些不会用到的文件。

凌云(mlinyun)·2024-01-21 00:05

【记账本实战】01 使用 Vite 创建一个 Vue 项目

使用Vite创建一个Vue项目三种创建Vue项目的方式创建Vue项目的有以下三种方式：Vue-CliViteWebpackVueCLI现已处于维护模式！

凌云(mlinyun)·2024-01-21 00:35

Linux自动化构建工具——make和Makefile使用详解

一、初步认识make和Makefile我们首先需要知道的是，make是一个命令，Makefile是一个文件，Makefile中包含了依赖关系和依赖方法。从上面的文件以及指令中我们可以看到，我们可以在Makefile文件中写入依赖关系以及对应的依赖方法，Makefile文件保存退出后，在命令行中执行make，就可以自动帮我们执行依赖关系中的方法（如上所示，可以形成mybin可执行文件）。但需要注意的

北飞的山羊·2024-01-20 23:13

【vite】找不到模块“vite”或其相应的类型声明

今天在用vite搭建项目时，在vite.config.ts文件中ts报错找不到模块“@vitejs/plugin-vue”或其相应的类型声明。

白桃与猫·2024-01-20 20:10

v3的响应式，ref，reactive和生命周期（简写）

vue3笔记1.两种安装方式(1)直接创建项目vue3(2)使用vite组件传值1.组件传值的用法从父组件向子组件传值：2.defineprops函数defineProps函数在setup标签内不需要引入

Mangcun_tutu·2024-01-20 20:27

Android资源文件

在Android项目中的每一项资源，SDK构建工具都会定义一个唯一的整形ID，可以通过ID对资源进行应用。提供与源代码分离的资源的其中一个最重要优点在于，您可以提供针对不同设备配置的备用资源。

九叶轻尘·2024-01-20 16:11

vue3.2 + vite + ts + vue-router4 + pinia + elementPlus + echarts5 项目初始化

vue3.2+vite+ts+vue-router4+pinia+elementPlus+echarts5项目初始化一.项目搭建全局安装pnpm,安装命令为注意:安装pnpm,node的版本号要大于V14.19.0npmipnpm-g

喜欢电影的小子·2024-01-20 13:50

vue3+vite创建项目--（傻瓜式教程）

1、运行创建项目命令#使用npmnpmcreatevite@latest#使用yarnyarncreatevite#使用pnpmpnpmcreatevite剩下的就是启动以及一些配置信息2、vite+vue3

Bubluu·2024-01-20 11:43

[GN] 使用vue3+vite+ts+prettier+eslint

学习目标：做到代码格式等统一，此时，esint和prettier就要登场了。学习内容：eslint是代码检测工具，可以检测出你代码中潜在的问题，比如使用了某个变量却忘记了定义。prettier是代码格式化工具，作为代码格式化工具，能够统一你或者你的团队的代码风格。=>安装prettier+eslint包，并做一系列的配置学习时间：创建项目yarncreatevite选择vue作为framework

GGood_Name·2024-01-20 08:22

WEB接口测试之Jmeter接口测试自动化（四）（持续构建）

Jmeter是压力测试、接口测试工具，Ant是基于Java的构建工具，具有跨平台的作用，jenkins是持续集成工具。将这三者结合起来可以搭建一套webservice接口测试的持续构建环境。

软件测试曦曦·2024-01-20 07:39

vite4项目中，vant兼容750适配

一般非vite项目，使用postcss-px-to-viewport。在设计稿为750时候，可使用以下配置兼容vant。在vite4项目中，以上配置不行。

LingRuiBin·2024-01-20 07:00

Vue3中使用JSX

fmk1023·2024-01-20 03:52

关于vite，面试官们都问些什么？从初级到高级一镜到底

1.Vite基础Q:什么是Vite？它和其他前端构建工具的区别是什么？A:Vite是一个基于ES模块的前端构建工具，与传统的构建工具（如Webpack）不同，Vite在开发模式下使用原生ES模块化。

秋名山大前端·2024-01-20 02:02

常见的Webpack面试题及答案

Webpack是目前比较物流的前端构建工具，它基于入口，用不同的Loader来处理不同的文件。我们来看一下常见的Webpack面试题及答案吧，希望对你有帮助。

秋の本名·2024-01-20 01:47

Spock、Mockito、MINA

由于其JUnit运行程序，Spock与大多数IDE，构建工具和持续集成服务器兼容。国外—款优秀的测试框架，基于BDD思想，功能强大，能够让我们的测试代码规范化，结构层次清晰，结合groovy动态

三月计划·2024-01-20 01:51

详解Vite创建Vue3项目+vue-router+ts+vite+element-plus

前言在之前的文章中写过“Vue3+TS+ElementPlus的安装和使用教程【详细讲解】”，但那篇文章写的是创建vue3的项目没有使用到Vite构建工具进行创建还是使用的常规webpacket构建工具进行创建的

SwJieJie·2024-01-19 21:24

VUE3，自定义控制keep-alive缓存

安装插件npminstallvite-plugin-vue-setup-extend--save在vite.config.ts中importVueSetupExtendfrom'vite-plugin-vue-setup-extend

日积一步·2024-01-19 19:50

vue3+vite 搭建项目

第一步npminitvite@latest当然，我在建项目的时候输入这个命令行的时候，报错了，提示安装依赖，执行如下命令：npminstall-gcreate-vite全局安装create-vitecdxxxnpminstallnpmrundev

前端~·2024-01-19 18:26

Vue3+Ts+Vite项目(第三篇)——配置husky、stylelint、commitlint，配置git提交代码校验

文章目录简介一、项目环境1.1node.jsv16.0.0及以上（我v16.14.1）1.2pnpmv8.0.0及以上（我v8.6.6）二、创建项目2.1安装pnpm2.2创建项目-不多赘述三、配置eslint3.1安装eslint3.2生成eslint配置文件3.3完善.eslintrc.cjs文件中的rules对象3.4新建忽略文件3.5添加脚本3.6检测是否生效四、配置prettier4.1

礼貌而已·2024-01-19 17:57

vite-安装sass

配置Vite即可：css:{preprocessorOptions:{scss:{additionalData:'@import"@/assets/style/mian.scs

造糖主义·2024-01-19 16:41

推荐频道

Vite构建工具