sublime 常用插件

步骤1： 安装Package Control     地址：https://packagecontrol.io/installation

Alignment

Auto Close HTML Tags

AutoFileName

SideBarEnhancements

BracketHighlighter

CTags

sublimeCodeIntel

Emmet

Theme - Spacegray

HTML Snippets

HTML5

HTMLAttributes

JavaScript Snippets

JavaScriptNext - ES6 Syntax

jQuery

Sass

SASS Snippets

SCSS

SCSS Snippets

Stylus

Stylus-Snippets

 

Vue Syntax Highlight

VueFormatter

Vuejs Complete Package

Vuejs Snippets Airbnb

Vuejs Snippets

个人sublime setting

{
　　"color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme",
　　"font_size": 11,
　　"ignored_packages":
　　　　[
　　　　　　"Vintage"
　　　　],
　　"preview_on_click": false,
　　"theme": "Spacegray Eighties.sublime-theme",
　　"word_wrap": "true"
}

 

个人 key-binding

[
　　{ "keys": ["f5"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },//快速定位指定行
　　{
　　　　"keys": ["ctrl+alt+v"], "command": "sublime_tmpl",//快速打开vue模板
　　　　"args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]
　　}
]

 

css2rem插件

下载 github上：  https://github.com/flashlizi/cssrem

配置

{
　　"px_to_rem":75,//按照iphone6设计稿配置的
　　"max_rem_fraction_length":6,//精确位数
　　"available_file_types":[".html",".css",".less",".sass"],
}

 

 sublime 启动本地服务器并热更新  参考这两篇帖子

　　安装 SublimeServer 、 liveReload插件

　　sublime 的liveReload配置 参考帖子 

//https://blog.csdn.net/u013291076/article/details/54090476

　　chrome浏览器 安装chrome liveReload 插件

　　安装

上面的插件配置纯属个人喜好！！