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

时间:2023-11-10 11:18:56

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}}

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

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

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

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

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

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

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

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

以上内容是小编给大家介绍的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