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

曾经终败给现在 2023-01-02 01:22 106阅读 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

直接点击按钮”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://gitee.com/

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

3 插件安装配置的修改

1> 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

“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

发表评论

表情:
评论列表 (有 0 条评论,106人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Sublime Text3使用

    之前一直把ST当成一个普通的编辑器来使用,殊不知,小瞧了它,好像还可以搭建C++开发环境,下次再试着搞搞,接下来是关于Sublime Text3插件的安装: --------

    相关 sublime text3】安装

            听说sublime这个文本编辑工具是业内程序员的利器,并且公司搞安卓和IOS的同事也在用,于是起了浓厚的兴趣,想要来研究研究,但是在装插件的时候遇到了很多坑,和