下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

为你介绍前端开发自动化优化工具

作者:Gman     来源: http://www.kokojia.com点击数:765发布时间: 2018-03-29 11:00:39

标签: 前端工程师前端教程前端开发

Web开发

  互联网的演化进程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。一起跟着小编来学习:为你介绍前端开发自动化优化工具,希望这对大家有所帮助!

  在这一篇教程里面,小编主要和大家简单的介绍一下:前端开发自动化优化工具。小编会从三个部分进行描叙的,具体的如下所示:

为你介绍前端开发自动化优化工具_前端工程师_前端教程_前端开发_课课家

  一、介绍功能

  这一个工具主要的作用就是用来前端自动化优化,主要有下面三个功能,具体的如下所示:

  功能一:js语法检查和压缩–(英文全称:google-closure-compiler)

  功能二:压缩css–(英文全称:yuicompressor)

  功能三:jpg、png、gif无损压缩–(英文全称:jpegtran、pngout、gifsicle)

  直至目前为止,这一个工具仅仅只有Windows版本,Linux以及mac这两个版本将在后面推出,欢迎大家进行试用哦。

  二、安装与使用

  接下来小编就为大家介绍一下这一个功能的安装与使用吧,,具体的如下所示:

  安装方法:

  1、首先大家需要先安装JDK>=1.4,并且设置环境变量java_HOME。

  关于JAVA_HOME的配置方法,具体的如下如下所示:

  (1)首先我们要做的第一件事情,那就是下载jdk并安装。具体的下载地址,小编就不一一讲述了,大家可以在网上找哈。

  (2) 然后我们就执行下面的操作步骤:右键点击我的电脑>属性>高级>环境变量>系统变量

  (3)接下来就新建一个变量,这一个变量名为JAVA_HOME路径:C:/ProgramFiles/Java/jdk1.6.0_26(在这里的话,大家填写的是jdk安装路径)

  (4)找到path这一个变量,在它的后面添加路径:;C:/ProgramFiles/Java/jdk1.6.0_26/bin(在这里大家都需要注意一点,那就是前面是有分号的哦)

  (5)打开cmd,输入java-version这一个命令,假如说大家可以看到版本信息的话,那么就说明配置成功了。

  2、然后我们就直接解压文件,运行F2E-Auto-Optimization.cmd(千万不要忘记一点,就是把不要放在有空格的目录下面)

  使用方法:

  根据计算机提示输入项目所在目录,直接按照提示进行相关的操作。(注意事项:源代码文件放在项目目录下src文件夹,build目录为优化后的文件,文件结构以及src目录结构是一致的哦)。

  三、下载地址

  最后小编就为大家提供一下下载地址及其项目地址吧,希望这对大家有所帮助!具体的如下所示:

  下载地址:F2E-Auto-Optimization-for-win.rar

  项目地址:github.com/bingdian/tools

  小编总结:

  今天的教程,小编就已经介绍完毕了。掌握HTML是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是目前网络上应用最为广泛的语言。

赞(12)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程