Sublime text 3 如何格式化HTML/css/js代码

Sublime Text 3 安装Package Control

 

原来Subl3安装Package Control很麻烦，现在简单的方法来了

一、简单的安装方法

使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行，粘贴如下代码：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

如果顺利的话，此时就可以在Preferences菜单下看到Package Settings和Package Control两个菜单了。

顺便贴下Sublime Text2 的代码：

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

二、手动安装

可能由于各种原因，无法使用代码安装，那可以通过以下步骤手动安装Package Control：

1.点击Preferences > Browse Packages菜单

2.进入打开的目录的上层目录，然后再进入Installed Packages/目录

3.下载Package Control.sublime-package并复制到Installed Packages/目录

4.重启Sublime Text。

参考：

https://sublime.wbond.net/installation#st3

SublimeText自带格式化代码功能之reindent

这篇文章主要介绍了SublimeText自带格式化代码功能之reindent的相关资料,需要的朋友可以参考下

这是小觉在刚刚找到的一个在SublimeText中格式化代码的方法，其实格式化代码这个功能是SublimeText本身就有的功能，只是一直没有被小觉发掘。

之前小觉对于格式化代码都是复制代码，然后粘贴到在线站长工具里面进行代码的格式化，但是在小觉测试了以下SublimeText自带的格式化代码功能之后，小觉认为这已经是个多余的步骤了。

那么，说到这里，SublimeText自带格式化代码功能应该怎么使用呢？

这个功能被SublimeText命名为reindent，如果你使用了SublimeText汉化包的话叫做“再次缩进”，但是这种叫法说不通。

该选项的路径：Edit - Line - Reindent（中文路径则是：编辑 - 行 - 再次缩进）

同时说明一下，该功能并不需要选中代码之后才能执行格式化功能，其默认是格式化整个文件里的代码。

接下来就说到主题了，应该如何对该格式化代码功能进行快捷键组合的设置呢？

1、首先通过以下路径打开用户按键绑定文件：

Preferences → Key Bindings – User

2、然后在其中添加以下代码（如果你有需要的话，其中的快捷键组合是可以自己定义的）：

{"keys": ["ctrl+shift+r"], "command": "reindent" , "args": {"single_line": false}}

在这儿请注意每组快捷键组合包含着一个中括号里面，通过大括号定义一组快捷键，然后通过英文逗号进行分隔，具体可参考下图：

本文到这儿就结束了吗？不，下面说下如果SublimeText自带的格式化代码不适合用在你所使用的语言（比如SQL、Ruby等）的话，你可以通过插件的方式进行配置，具体请看下述操作：

1、以下内容基于已经你已经在你的SublimeText中安装了package control（教程在本站有）；

2、通过快捷键组合ctrl+shift+P唤出命令面板

3、在面板中输入“install package”后回车

4、接着输入“format”（即格式化的意思），在弹出的列表中找到对应你所想要进行格式化操作的语言，具体看图：

以上内容是小编给大家介绍的SublimeText自带格式化代码功能之reindent的全部叙述，希望大家喜欢。

Sublime text 3 如何格式化HTML/css/js代码

使用Sublime text 3 编写代码是一种享受，使用Sublime text 3 格式化HTML代码，需要安装插件，具体安装步骤如下：

1、打开菜单->首选项->插件控制，输入 install package

2、等待程序进入插件管理功能，再输入插件名称：TAG

3、点击安装插件html-css-js prettify 。

4、插件安装成功后，在需要格式化的HTML代码中，选中代码，然后按Ctrl+Alt+H对代码进行格式化。

html-css-js prettify 格式化CSS会再每个CSS后面都添加一个换行，取消该换行的方法：

打开：菜单>tools>html/css/js prettify>set prettify preferences

修改设置newline_between_rules的参数为false