SublimeText如何实现html⽂件代码格式化
2017年1⽉26⽇
⼀.Sublime Text如何实现html⽂件代码格式化
1.效果:
未格式化前效果
Paste_Image.png
格式化后效果
Paste_Image.png
原理:安装代码格式化的插件 (HTML/CSS/JS+JSON代码的插件)
2.实现
第⼀步:打开sublime text 接着按Ctrl+Shift+P,输⼊install后,选择Install Package
Paste_Image.png
第⼆步:可能要等待2-3分钟,接着在弹出框输⼊pretty,选择TML/CSS/JS Prettify安装既可(我这⾥已经安装好了,所以没了)
Paste_Image.png
第三步:接下来你右键运⾏如下命令会报错,node.js没有安装导致。
Paste_Image.png
如何查看html代码接下来我们正常安装下node.js就可以
Paste_Image.png
2.测试是否安装正常,以下说明安装正常。
Paste_Image.png
3.下载SublimeText-Nodejs 开源插件
4.解压后,修改成Nodejs⽂件夹名(注意⼤⼩写)
5.将Nodejs放到如下⽬录。
Paste_Image.png
6.修改⽬录⾥⾯如下两个⽂件Nodejs.sublime-build和Nodejs.sublime-settings which 命令可以查看命令路径
Paste_Image.png
Paste_Image.png
2017年1⽉30⽇
三.sublime text调试html页⾯(如果没有效果,可能是该⽂件的路径含有中⽂⽬录,修改成英⽂就可以如下⽅式显⽰)
Paste_Image.png 如果您发现本⽂对你有所帮助,如果您认为其他⼈也可能受益,请把它分享出去。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论