sublime text 3 使用方法

1.Package Control 安装插件

2.Material Theme 主题

3.Emmet 自动HTML标签

4.Snippets JS自动片段

5.Advance newfile 文件夹下新建

6.DocBlockr 注释

7.SublimeLinter JS语法校验

8.Nettuts+ Fetch 文件管理

9.ConvertToUTF8 处理中文乱码 Codecs33

10.AutoFileName 引入文件提示

11.LiveReload 热更新插件 （sublime安装此package，chrome安装LiveReload插件并开启允许访问文件网址）

12.expandregion 快速选择文本

13.HTML-CSS-JS Prettify 格式化代码

14.SideBarEnhancements 操作左侧栏目文件

15.Sass, Sass Build, SublimeOnSaveBuild 自动编译sass、scss 

16.View In Browser 

17.git

18.gitgutter 实时git变化提示

19.glue 终端

20.sftp 远程ftp

21.SQLTools 数据库操作

22.SublimeCodeIntel 智能代码提示

23.BracketHighlighter 代码段高亮提示

 

快捷键：

ctr+shift+w | alt+shift+w 给选择的文字外层加上标签

3.1 Emmet自定义标签

Preferences - > Package Settings - > Emmet

{ 
    // Custom snippets definitions, as per https://github.com/emmetio/emmet/blob/master/snippets.json
    "snippets": { 
        "html": { 
            "abbreviations": { 
                "view" : "<view></view>", 
                "v" : "<view></view>", 
                "text" : "<text></text>", 
                "image" : "<image></image>", 
            } 
        }, 
    }, 
}

 

4.1自定义snippets代码片段

　　1.Sublime text -> preferences -> browser packages 浏览程序包 -> 找到Packages\User文件夹

　　2.新建 viewport.sublime-snippet 文件代码如下

<snippet>
     <content>
     <![CDATA[
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     ]]>
     </content>
     <tabTrigger>viewport</tabTrigger>
     <description>viewport</description>
     <scope>text.html</scope>
</snippet>

　　3.sublime中直接viewport+tab键或者ctrl + shift + p找到 Snippet:viewport

 

12.1设置快捷键

sublime text-->preferences-->key bindings

[  
    { "keys": ["ctrl+shift+x"], "command": "expand_region" },  
]