Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件

这篇具有很好参考价值的文章主要介绍了Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

第一步:下载yuicompressor-2.4.8.jar

下载路径:打开搜索 YUI compressor
Maven Repository: Search/Browse/Explore (mvnrepository.com)https://mvnrepository.com/
找到点击下载即用(如下图)
idea 压缩js文件,Idea,intellij-idea
创建文件夹,放入idea文件中
idea 压缩js文件,Idea,intellij-idea

第二步:安装插件File Watchers

找到Settings设置
idea 压缩js文件,Idea,intellij-idea
点击plugins插件,输入搜索File Watchers 进行安装
idea 压缩js文件,Idea,intellij-idea

第三步:配置css javascript

找到Tools里File watchers  再点击 + 号 
idea 压缩js文件,Idea,intellij-idea
idea 压缩js文件,Idea,intellij-idea

配置css案例:

填写css样式名称 和 选中css样式
idea 压缩js文件,Idea,intellij-idea
选择下载的jar包
idea 压缩js文件,Idea,intellij-idea
可复制粘贴

Arguments: $FileName$ -o $FileNameWithoutExtension$.min.css

Output paths to refresh: $FileNameWithoutExtension$.min.css
已配置好css
idea 压缩js文件,Idea,intellij-idea
点击ok就可以了
idea 压缩js文件,Idea,intellij-idea
最后效果:
idea 压缩js文件,Idea,intellij-idea

配置JavaScript案例(与css配置步骤相同)

idea 压缩js文件,Idea,intellij-idea

css javascript 配置成功

idea 压缩js文件,Idea,intellij-idea

自动生成效果 css 

idea 压缩js文件,Idea,intellij-idea

自动生成效果 javascript

idea 压缩js文件,Idea,intellij-idea

文章来源地址https://www.toymoban.com/news/detail-697962.html

到了这里,关于Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 一款自动生成单元测试的 IDEA 插件

      今天来介绍一款工具Squaretest,它是一款自动生成单元测试的插件,为什么会用到它? 主要因为最近公司上了代码质量管控的指标,会考评各个项目的单元测试覆盖率,以及sonar扫描出来的各种问题,很多老项目老代码,或者着急交付的项目,单元测试严重缺失,覆盖率只有

    2024年04月11日
    浏览(44)
  • IDEA懒人必备插件:自动生成单元测试,太爽了!

    今天来介绍一款工具Squaretest,它是一款自动生成单元测试的插件,会用到它也是因为最近公司上了代码质量管控的指标,会考评各个项目的单元测试覆盖率,以及sonar扫描出来的各种问题。 很多老项目老代码,或者着急交付的项目,单元测试严重缺失,覆盖率只有5%不到,所

    2024年02月03日
    浏览(36)
  • idea一键自动生成对象所有get、set方法。idea插件:GenerateAllSetter

    idea中有一款插件能够一键自动生成对象所有的get、set方法,有助于我们开发者提升开发效率的插件,非常简单实用。 插件名: GenerateAllSetter 。 该插件作用是可以快速针对已有的model实体对象的属性生产get、set代码,免去开发者在开发过程中get、set属性值时还需要去实体对象

    2024年02月11日
    浏览(40)
  • Intellij IDEA插件之自动生成时序图(Sequence Diagram)

            小伙们,你们有没有发现,身边经常有这样一些人,看着平时没怎么干活,到关键时候需要展示工作成果,会发现这些人也有工作成果,甚至比辛苦在干的人可能还要多一些。按常理推测,这绝对不是一件科学的事,但是有没有一种可能?是因为这些看似没怎么干

    2023年04月23日
    浏览(36)
  • Visual Studio 2015编译器 自动生成 XXX_EXPORTS宏

    XXX_EXPORTS 宏是由Visual Studio 2015编译器自动生成的。这个宏用于标识当前项目是一个导出符号的动态链接库(DLL)项目。在使用Visual Studio 2015创建Win32项目时,编译器会自动添加这个宏到项目的预定义宏中。 这个宏的作用是在编译过程中帮助标识导出符号,以便在动态链接库中

    2024年02月15日
    浏览(35)
  • 【IDEA】idea不自动生成target

    本文描述idea不生成target的几种情况以及处理方法 像下图这样根本就不生成target文件夹的,首先考虑环境问题。有没有把项目正确导入进idea、jdk有没有配置等原因 上图很明显模块p6spy显示的是普通文件夹而不是maven项目。 解决方法: 正确导入maven项目到idea(如果项目文件夹显

    2024年02月15日
    浏览(42)
  • 懒人神器:自动生成单元测试插件 Squaretest

    你是否常常因代码需编写单元测试而痛苦不堪,你是否因单元测试历史债而惆怅不断,Squaretest或许能帮你消除痛苦消除惆怅 前言 一、Squaretest是什么? 二、使用步骤 1.引入插件 2.使用步骤 总结 近来公司增加了代码质量门控,会对代码提交单元测试覆盖率进行检测,覆盖率要

    2024年02月10日
    浏览(40)
  • IDEA—自动生成 serialVersionUID 的设置

            在使用Java原生序列化的时候,serialVersionUID是序列化版本号ID,保证序列化的类和反序列化的类是同一个类,在反序列化的时候判断serialVersionUID如果不相同,会抛出InvalidClassException。 网上的一般教程 点击idea左上角File - Settings - Editor - Inspections - 搜索 Serialization i

    2024年02月15日
    浏览(40)
  • IDEA优雅自动生成类注释和快捷键生成方法注释

    Preferences - Editor - File and Code Templates - Includes - File Header 注释模板: 查看IDEA自动配置java快捷键 Preferences - Editor - Live Template - java 手动新增添加Group 描述:如下图,我手动添加了 MyGroup 分组 字段注释 操作步骤如下 添加 Live Template 添加 Abbreviation (快捷键)和 Description (描述)

    2024年02月06日
    浏览(57)
  • BlenderGIS插件 城市建筑3D模型自动生成 教程

    目录 一、下载Blender和BlenderGIS 二、解决 No imaging library...报错 三、生成城市3D模型  四、导出模型 本文所需文件可在如下链接下载,或者直接按照博文下载步骤下载  https://download.csdn.net/download/ChaoChao66666/87071901?spm=1001.2014.3001.5501   打开blender官网来下载对应版本的blender(Dow

    2024年02月02日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包