Sublime Text插件的离线安装-使用htmlprettify美化您的HTML代码

曾经终败给现在 2023-01-02 01:22 23阅读 0赞

## 1 sublime htmlprettify 离线安装 ##

Sublime Text是广大程序员喜欢的文本编辑器，Jerry觉得它最强大之处在于开放的架构，有丰富的插件为其提供各种各样额外的功能。

![980af711967aaa8945314af63018a664.png][]

作为前端开发人员，经常需要从网上复制粘贴一些代码然后做修改，因此一个常见的需求就是对拷贝进Sublime Text的代码进行格式化，使其缩进，换行等符合规范。

为此，我在网上搜索到了一个非常有用的Sublime Text插件，专门用于美化HTML代码，名叫htmlprettify。

当我使用Sublime Text内置的包管理工具的Package Control: Install Package时：

![3ac38fe7112ba867dad0b4a2b3b184bd.png][]

遇到错误消息：Package Control: There are no packages available for installation.

![5e18749e7b44856acb05bab41b315b75.png][]

因此在线安装插件这条路走不通了，然而感谢Sublime Text开放的架构，我还可以像Eclipse安装插件一样，走另一条离线安装之路。

到github这个repository里把HTMLPrettify的源代码下载到本地。

[https://github.com/victorporof/Sublime-HTMLPrettify][https_github.com_victorporof_Sublime-HTMLPrettify]

直接点击按钮"Clone or download"将所有源代码下载到本地，解压成一个文件夹：

![6428d8e23c420a269ec9abffbb769570.png][]

然后把这个文件夹直接复制到Sublime安装文件夹的Data/Packages里：

![0b9aff1a2ffce3c16dce84f69ec0822f.png][]

这样就完成了htmlprettify的安装。

# 使用 #

工具->命令面板或者快捷键Ctrl+Shift+P:

![7372d9b1d09c930bb52fd5efffc94cb9.png][]

输入HTMLPrettify即可自动美化当前打开的HTML代码。

![ff4b7c74039274c3252207f06e8adb17.png][]

## 2 自己使用的地方 ##

使用的地方：

[https://github.com/][https_github.com]

[https://gitee.com/][https_gitee.com]

sublime包的位置：D:\\ware\\Sublime Text 3 中文优化版\\Data\\Packages

## 3 插件安装配置的修改 ##

### 1> HTMLPrettify ###

[https://github.com/victorporof/Sublime-HTMLPrettify][https_github.com_victorporof_Sublime-HTMLPrettify]

sublime包的位置：D:\\ware\\Sublime Text 3 中文优化版\\Data\\Packages

在安装包下的设置修改 HTMLPrettify.sublime-settings

"node\_path":  
    \{  
        "windows": "d:/ware/nodejs/node.exe",  
        "linux": "/usr/bin/nodejs",  
        "osx": "/usr/local/bin/node"  
    \},

### 2> view in browser ###

[https://github.com/adampresley/sublime-view-in-browser][https_github.com_adampresley_sublime-view-in-browser]

"nt": \{  
        "win32": \{  
            "firefox": "C:\\\\Program Files (x86)\\\\Mozilla Firefox\\\\firefox.exe -new-tab",  
            "iexplore": "C:\\\\Program Files\\\\Internet Explorer\\\\iexplore.exe",  
            "chrome": "C:\\\\Users\\\\tanghuan\\\\AppData\\\\Local\\\\Google\\\\Chrome\\\\Application\\\\chrome.exe",  
            "chrome64": "C:\\\\Program Files (x86)\\\\Google\\\\Chrome\\\\Application\\\\chrome.exe",  
            "yandex": "%Local AppData%\\\\Yandex\\\\YandexBrowser\\\\browser.exe"  
        \}  
    \},

转载地址：[https://blog.csdn.net/i042416/article/details/82770178][https_blog.csdn.net_i042416_article_details_82770178]

[980af711967aaa8945314af63018a664.png]: /images/20221120/3965c3cdf7154da4bd26d413b5530b0b.png
[3ac38fe7112ba867dad0b4a2b3b184bd.png]: /images/20221120/1741cfbf7c944a398a671903e79ffdff.png
[5e18749e7b44856acb05bab41b315b75.png]: /images/20221120/b3044f451b4d430d82fdefab95932071.png
[https_github.com_victorporof_Sublime-HTMLPrettify]: https://github.com/victorporof/Sublime-HTMLPrettify
[6428d8e23c420a269ec9abffbb769570.png]: /images/20221120/4a662e30e36144ee914690757ea9a339.png
[0b9aff1a2ffce3c16dce84f69ec0822f.png]: /images/20221120/9d37d0c7f36b46f79a067fa8557ebd95.png
[7372d9b1d09c930bb52fd5efffc94cb9.png]: /images/20221120/c0f52f1e36c24d1389585094eb99e28f.png
[ff4b7c74039274c3252207f06e8adb17.png]: /images/20221120/ed8533d7ef924e4bae09514015710a0f.png
[https_github.com]: https://github.com/
[https_gitee.com]: https://gitee.com/tanghuan0827
[https_github.com_adampresley_sublime-view-in-browser]: https://github.com/adampresley/sublime-view-in-browser
[https_blog.csdn.net_i042416_article_details_82770178]: https://blog.csdn.net/i042416/article/details/82770178