sublime笔记

• 插件安装和使用

首先，要安装package control，按照官方方法安装：

https://packagecontrol.io/installation

重启Sublime Text 3。

如果在Perferences->package settings中看到package control这一项，则安装成功。

然后，调出package control，选择安装插件，搜索需要的插件，点击安装

sublime调出命令行控制面板：shift + command + p，所有功能都可以在这个面板中控制

重要插件的安装和使用：

1.sublime安装HTML-CSS-JS Prettify插件用于格式化html，需要先安装nodejs(默认安装目录：/usr/local/bin/node，一般默认安装)：https://nodejs.org/en/download/，

格式化快捷键：command+shift+h

2.设置theme：（除编辑区以外的sublime风格）

Theme - Soda主题插件：安装Theme - Soda插件，Preferences -> Settings -
User，加入一句："theme": "Soda Light 3.sublime-theme" 或 "theme": "Soda Dark
3.sublime-theme"
具体文档：https://packagecontrol.io/packages/Theme%20-%20Soda

设置color scheme：（编辑区的背景颜色、文字颜色）
可以结合安装colour-schemes高亮颜色主题：
http://buymeasoda.github.com/soda-theme/extras/colour-schemes.zip
Preferences->Browse Packages,把解压后的两个文件放入user目录
选择：Preferences -> Color Scheme -> User下的两个主题中的一个

3.Emmet插件(快速编写html和css)使用：

安装完插件后，使用ctrl+alt+enter呼出命令子窗口，在子窗口输入缩写命令，主窗口显示结果
或先设置文档为html格式，然后直接写缩写命令，写完加tab键执行

6.SublimeCodeIntel:js,php等代码的自动补全

js代码自动补全配置：

通过路径Perferences->Package Settings->SublimeCodeIntel->Setting - Defalut打开配置文件，找到如下配置项：
"codeintel_language_settings": {  
        "Python3": {  
            "python3": "/usr/local/bin/python3.3",  
            "codeintel_scan_extra_dir": [  
                "/Applications/Sublime Text.app/Contents/MacOS",  
                "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",  
                "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"  
            ],  
            "codeintel_scan_files_in_project": true,  
            "codeintel_selected_catalogs": []  
        },  
        "JavaScript": {  
            "codeintel_scan_extra_dir": [],  
            "codeintel_scan_exclude_dir":["/build/", "/min/"],  
            "codeintel_scan_files_in_project": false,  
            "codeintel_max_recursive_dir_depth": 2,  
            "codeintel_selected_catalogs": ["jQuery"]  
        },  
        "PHP": {  
            "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",  
            "codeintel_scan_extra_dir": [],  
            "codeintel_scan_files_in_project": true,  
            "codeintel_max_recursive_dir_depth": 15,  
            "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"]  
        }  
    }  
找到"JavaScript"代码段，将

"codeintel_selected_catalogs": ["jQuery"]  
改为：

"codeintel_selected_catalogs": ["JavaScript"]  
保存。
重启sublime

7.html,css,js代码语法检测插件：

安装SublimeLinter插件（必须先装nodejs）

html语法检测安装sublimeLinter-contrib-htmlhint插件（sublime搜索安装插件），再安装htmlhint，htmlhint使用nodejs下的npm工具安装：

npm
install -g htmlhint@latest，安装完成后，点击右键，SublimeLinter菜单里有很多设置，比如可以设置保存时提示语法错误

安装jshint和csslint，用于检测js和css语法，在sublime插件里搜索SublimeLinter-csslint
和SublimeLinter-jshint安装，再执行npm命令：

npm
install -g jshint@latest

npm install-g csslint@latest

 特别注意，ccs是lint，其他两个是hint

csslint不建议安装，会检测出一堆css错误，如果安装，可以打开控制面板，选择remove package 卸载插件

 

• sublime设置文档格式

shift + command + p呼出面板,输入set+文档格式首字母，比如html，输入seth,java输入setj，选择对应的格式即可

快捷键：

快速复制一行到下一行：默认

{ "keys": ["super+shift+d"], "command": "duplicate_line" }

再key bindings中，可以在keymap-user中修改为：

{ "keys": ["super+d"], "command": "duplicate_line" }