sublime text 3 添加 html插件,sublime text 3 之安装插件HTML-CSS-JS Prettify&Sublime text 3 未显示 Package Control...

问题1:如下图,在做python爬虫时,发现HTML源码竟然中间有一大段是没有格式化的,但是想要爬取的目标又恰好是这一段没有格式的源码,故想找一个插件将此源码格式化,便于分析结构。

10d623a0bc0341f5b14f0af42711ca7f.jpg

1、找到目标插件HTML-CSS-JS Prettify,然后准备用sublime 的Package Control直接安装插件,于是遇到问题2:sublime 下没有Package Control!也就无法进行下一步的插件安装了。

现象如下:1)使用Package Control快捷键按下之后除了有个白色的搜索框就没反应了

2)首选项下也没有Package  Setting 和Package  Control子选项

3)但是sublime的Installed Package目录下是有Package Control的包的!!

2)

03b7036fa23f4cacbd60a7bd5c94e5ce.jpg

3)

642426a8e7ef4fc99dc78f95b872e5dc.jpg

2、为了解决package Control的问题,百度之后进行了插件网站的如下三种方法尝试,结果方法1点击enter之后根本没有反应,方法二的tools菜单下也没有Install Package Control…选项,方法三中下载替换后还是没有解决

99406be7e806436ba5881536388452d0.jpg

cf3bf19ff49845549b7999ee71bd590d.jpg

920d2eb124584ec9be66398ea80a98b9.jpg

3、然后又百度了其他方法,还是没有解决,最后就想着sublime的Installed Package目录下既然是有包的,会不会是因为设置问题呢?然后就打开了preferences->Settings文件,发现果然如此,虽然包安装了,但是不知道什么原因在设置文件中它被ignore了!!!

e135a8d2a1694875b66200f32a410353.jpg

关闭sublime,再次用管理员权限运行后,打开Settings文件,将文件中“Package Control”字符串删除并保存,然后就看到Package Control选项了!!!之后启动也能看到该选项(为啥要重启,因为亲试非管理员运行后修改设置保存后,下次打开修改并没有真正生效,所以一定要管理员)

789e7b86fc764bd18d03858e760f5155.jpg

至此问题2解决了。

4、接着进行安装插件的问题,在安装HTML-CSS-JS Prettify插件前,还要安装Node.js,因为安装非常顺利(就是选择对应的版本下载,安装时不断点击下一步就好了,还有问题就自行百度),就顺利进行下一步插件的安装了。

5、在sublime中使用快捷键ctrl+shift+p调起命令面板,然后输入install 调出 Install Package 选项并回车,输入HTML-CSS-JS Prettify后回车即可安装。页面左下角是安装进度

19b140f917e740c5b71c0dc1f2ef685a.jpg

d2e06f4919a540b192deb4e56bf5d401.jpg

6、如果你在安装插件的时候遇到如下图所示目录错误,则可能是网络问题,等网络好一点后进行重试即可,当然你也可以从手动打开git开源库中的地址,手动进行下载,并将下载后的package进行解包,放到Packages目录下。

dccdca45cb5f4921a23191bbee40abe7.jpg

注:插件的github地址就在你用package control搜索出来的插件简介下面,如下图

4a7fa4ac0ab64edfa524b733ca036df9.jpg

7、再次重试安装后,待页面左下角安装过程显示完成,点击sublime的preferences—>Browse Package选项时,查看包目录下有对应插件名的文件夹,tools下面也有该插件,就表示插件安装成功啦!

ba3ae318cfc64a459844b2a6c1ada42d.jpg

329d49b3ed9d4a6cb5dff98cc1f2f6b0.jpg

8、现在离真正可以使用该插件来格式化我们的文档就差一步啦,那就是插件的设置!!

设置方法:在任何一份HTML文件中右键,然后如下图所示,单击HTML/CSS/JS Prettify->Plugin Options -Default,然后在打开的文件中写入你的本机node.js的安装路径即可,这样插件就能正常找到它了。

ee8233d7aec247e1975c05a412cccf78.jpg

87ebb992aa28416996f6ffd686f773d3.jpg

注:我的本机不加上exe的具体路径会有如下报错,看了设置文件中的注释之后,加上了node.exe的绝对路径解决的

7ff55dada90844a88da9204aef008191.jpg

9、最后!终于可以使用插件格式化文件了,在HTML文档中右键选择HTML-CSS-JS Prettify->Prettify Code后,所有的代码都格式化了,HTML的结构清晰明了!!!

b796baa71af2423cafe5e95a039417de.jpg

61a28b896162440abf915088cf64b70a.jpg

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值