官网 sublime
插件库 sublime package control
一、前端常用插件：
1、ctrl + ` 打开 sublime 控制台，输入：
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)
2、Emmet
HTML/CSS代码快速编写插件
3、Html5
支持hmtl5规范的插件包
使用方法：（新建html文档>输入html5>敲击Tab键>自动补全html5规范文档）
4、Css3
支持 css3 语法高亮
5、BracketHighlighter
可以匹配括号，引号等符号内的范围
6、Alignment
代码对齐 （快捷键 Ctrl+Alt+A）
7、DocBlockr
注释插件
/** + tab自动生成注释
输入/*、/**然后回车
个人喜好配置详见（https://github.com/spadgos/sublime-jsdocs/）
8、SideBarEnhancements
右键增强功能
9、ChineseLocalzations
菜单栏汉化
10、SublimeCodeIntel
代码提示和补全
11、AutoFileName
自动完成文件名的输入，如图片选取，快捷输入文件名路径补全
12、html-css-Js prettify
格式化 HTML，CSS，Javascript vue（需要配置）
安装完快捷键 ctrl+shift+h 一键格式化代码
如果需要格式化.vue需要进行如下配置（其实就是多加一个vue文件配置）
"html":
{
"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg" ,"vue"],
"allowed_file_syntaxes": ["html", "xml"],
"disallowed_file_patterns": []
},
13、SublimeLinter （代码检查插件）
支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言，
要检查JavaScript代码需要安装node.js，检查PHP代码需要安装PHP并配置环境等；
14、Vue Syntax Highlight（vue语法高亮）
15、less sass插件（语法高亮）
16、sublimeTmpl（安装模板插件）
安装完成后就可以使用html/js/css/php/python/ruby的模版了；
SublimeTmpl默认的快捷键
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python
制作vue模版
C:\Users\LXY\AppData\Roaming\Sublime Text 3\Packages\SublimeTmpl\templates下新建vue.tmpl文件
<template>
</template>
<script>
</script>
<style scoped>
</style>
然后Preferences--->Package Settings--->SublimeTmpl--->Commands-default粘贴
,{
"caption": "Tmpl: Create vue", "command": "sublime_tmpl",
"args": {"type": "vue"}
}
Preferences--->Package Settings--->SublimeTmpl找到Key Bindings-Default设置热键
,{
"keys": ["ctrl+alt+e"], "command": "sublime_tmpl",
"args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]
}
在你就可以用 Ctrl+Alt+e 就可以建立新的vue模板了；
