Sublime Text编辑器支持HTML、CSS、JavaScript、JSON格式化

一、下载安装Sublime Text

http://www.sublimetext.com
http://www.sublimetext.com/3

二、安装Package Control

  • 打开sublime text ,通过快捷键 Ctrl + ` 打开console,也可以通过菜单栏 View > Show Console

  • 在console输入

Sublime Text 3:

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Sublime Text 2

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

  • 等待安装完成,重启Sublime Text ,Package Control就安装好了

  • 参考地址

三、安装HTML-CSS-JS Prettify

  • 在Sublime Text中,按下Ctrl+Shift+P调出命令面板;
  • 输入install 调出 Install Package 选项并回车;
  • 输入HTML-CSS-JS Prettify,并在列表中选择HTML-CSS-JS Prettify后回车即可安装

四、安装node.js

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

  • 下载node.js 并安装

五、配置HTML-CSS-JS Prettify

  • 在sublime Text 中,Preferences > Browse Packages

  • 依次打开HTML-CSS-JS Prettify->HTMLPrettify.sublime-settings

  • 配置 node_path的路径,如下图所示

张国利博客

六、快捷键 Ctrl+Shift+H

可以配置Default (*).sublime-keymap来修改快捷键

参考:良虎博客
Package Control

标签: CSS, HTML, JavaScript, sublime text, 格式化, format, JSON

相关文章推荐: