安装Sublime Text3的三大插件及Emmet语法缩写快捷键

1.下载地址

https://www.sublimetext.com/support

2.包的安装地址

https://packagecontrol.io/installation

打开ST3-View-Show Console，把下面的代码复制到控制台并回车

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)

安装完成后

选中package control install package

3.首先安装Emmet--用来编写HTML和CSS的插件

安装好之后restart下，会自动安装py的V8引擎

尝试输入div#test,按下Tab键

出现：

如果没有就先保存文件，并设置扩展名.html

4.安装第二个插件HTML-CSS-JS Prettify格式化代码的插件

步骤如上，在里面搜Html-css-js

点击安装

5.接下来是安装SpaceGray模板

github地址:https://github.com/kkga/spacegray

安装方法同上

安装好了之后要按照github上的指令激活主题模板

如下：

Settings for Spacegray

{
  "theme": "Spacegray.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"
}

Settings for Spacegray Light

{
  "theme": "Spacegray Light.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-ocean.light.tmTheme"
}

Settings for Spacegray Eighties

{
  "theme": "Spacegray Eighties.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme"
}

mac上直接按住command+，可以调出配置文件，把代码主题代码复制进去

如下所示：

{
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
"font_size": 21,
"ignored_packages":
[
"Vintage"
],
"theme": "Spacegray Eighties.sublime-theme",
"color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme"
}