Web 前端开发

Sublime Text 3使用Minify压缩,格式化css,

2018-11-15  本文已影响148人  JuanitaLee

安装Minify插件

1.通过 Package Control 安装Minify
前提是必须先安装好 Package Control
按 ctrl + shift + p 输入 Install Package 然后 输入Minify 按回车就可以安装啦

2.手动安装Minify
使用Package Control 安装插件时,可能由于网络或者其他原因,安装不成功。很是烦人。这里我们可以自己手动下载安装。我们需要找到插件git地址。最好的办法是我们在使用Package Control 安装的时候查看一下名字。(如下图)


image.png

找到git地址之后,我们将文件下载下来。解压之后放入Sublime的Package文件夹下,并修改名字为Minify(文件夹名字一定要修改正确).

Package在哪呢?
点击 Sublime Text -> Preferences -> Browse Packages... 可以找到Package文件夹。然后将解压好的文件粘贴进去并修改名字。


Package文件夹位置 复制插件到Packages下

以上就手动安装成功了
手动安装之后最好重启一下Sublime Text

安装所需npm包

前提是你的电脑上已经安装好nodejs了。

输入以下命令安装:
npm install -g clean-css-cli uglifycss js-beautify html-minifier uglify-js minjson svgo

Minify的使用

用Sublime 打开你要压缩的文件,按 command + alt + m,就会生成一个新的压缩文件


image.png

用Sublime 打开你要格式化的文件,按 command + alt + shift + m,就会生成一个新的格式话文件


image.png

Minify git 仓库传送门

上一篇下一篇

猜你喜欢

热点阅读