美文网首页Web 前端开发
Sublime Text 3使用Minify压缩,格式化css,

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

作者: JuanitaLee | 来源:发表于2018-11-15 10:39 被阅读148次

    安装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 仓库传送门

    相关文章

      网友评论

        本文标题:Sublime Text 3使用Minify压缩,格式化css,

        本文链接:https://www.haomeiwen.com/subject/xxbefqtx.html