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；

         下载地址：https://nodejs.org/en/download/

 最后设置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 ，之后找到对应插件就行了：