2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > sublime自动识别html代码格式 Sublime Text3格式化html/css/js代码以及快捷键的查看与设置...

sublime自动识别html代码格式 Sublime Text3格式化html/css/js代码以及快捷键的查看与设置...

时间:2022-07-19 03:29:29

相关推荐

sublime自动识别html代码格式 Sublime Text3格式化html/css/js代码以及快捷键的查看与设置...

本篇文章主要介绍在Sublime Text3中如何进行代码的格式化,以及去查看和设置Sublime默认的快捷键和插件的快捷键。

一、格式化html、css、js代码

1)首先我们使用Sublime自带的格式化功能,打开Sublime;

当然如果每次格式化代码你都要这样去找就会很麻烦,下面我们去给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 ,之后找到对应插件就行了:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。