SublimeText3格式化htmlcssjs代码以及快捷键的查看与设置本篇⽂章主要介绍在Sublime Text3中如何进⾏代码的格式化,以及去查看和设置Sublime默认的快捷键和插件的快捷键。
⼀、格式化html、css、js代码
1)⾸先我们使⽤Sublime⾃带的格式化功能,打开Sublime;
手机上可以打html与css的app当然如果每次格式化代码你都要这样去就会很⿇烦,下⾯我们去给Reindent去添加快捷键Preferences-->Key Bindings;
点击Key Bindings之后就会看到设置快捷键的页⾯,在下图的右边添加快捷键,左边可以查看已经添加的快捷键,如下图所⽰:
之后就可以使⽤你设置的快捷键进⾏代码的格式化了。
2)使⽤HTML-CSS-JS Prettify插件进⾏代码的格式化
使⽤插件的话⾸先打开Package Control(Preference-->Package Control或者Ctrl+shift+p),选择Install Package:
之后搜索你要添加的插件,HTML-CSS-JS Prettify
添加这个插件之后,如果你之前没有配置之前会出现下⾯的提⽰(没有js环境):
所以你需要去官⽹去下载Node.js并且需要配置环境(与java的jdk配置⼀样:在电脑⾼级设置-->系统环境变量中的path中添加你的安装路径),然后检测是否安装成功,node --version;
最后设置Node.js的路径;
设置完之后就可以使⽤Ctrl+shift+h快捷键进⾏代码的格式化了
⼆、查看和设置插件的快捷键
1) Perferences-->Browse Packages可以看到你安装的插件的源⽂件
之后到你要查看或者设置的插件(HTML-CSS-JS Perttify),打开Default(Windows).sublime-keymap;
在⽂件中修改插件的快捷键就⾏了
注意:因为我们有时候插件默认的快捷键与其他的快捷键重复,我们就不能通过快捷键使⽤插件,这样我们就需要修改重复的快捷键。
⽐如:当我们添加了ConvertToUTF8和ColorPicker(颜⾊选择器)两个插件,但两者默认的快捷键都是Ctrl+shift+c,所以我们必须修改其中的⼀个,快捷键才能使⽤。
2) 打开Package Control(Ctrl+shift+p)输⼊List Package ,就会将我们安装的所有插件罗列出来
然后到对应的插件就会打开对应插件的源⽂件。
再添加⼀点卸载插件吧:
同样打开Package Control 输⼊Remove,到下边的Remove Package ,之后到对应插件就⾏了:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论