Sublime Text2 使用及插件配置

最新推荐文章于 2017-07-10 10:04:15 发布

原创最新推荐文章于 2017-07-10 10:04:15 发布 · 301 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Sublime Text2 #Sublime Text2插件 #Sublime Text2配置 #sublime插件 #sublime配置

应用专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何通过安装多个插件将 Sublime Text 编辑器转变为功能强大的集成开发环境 (IDE)，包括代码提示、语法错误提示等功能。

以前常用Netbeans来写代码，好处很多，使得项目写起来很快，但是，时间长了以后，感觉占用内存很大，近来常常卡死，于是乎想找个简单的编辑器来快速编写，但是又希望有netbeans我常用到的功能。以前只是用sublime 来写静态代码，没太多需求，很喜欢这个小巧的编辑器。于是在查找资料后，将这个编辑器变身成一个好的IDE工具。

先列表下我安装的插件

插件列表

package control 安装

(仅适用于Sublime Text2 ，Text3中由于更新了python函数,无法安装，但是由于text3为测试版，插件也不是很多，等成熟以后更新)

我们用sublime几乎都会首先安装这个插件，这个插件是管理插件的功能，先安装它，再安装其他插件就方便了。

点击sublime的菜单栏 view->show console ；现在打开了控制台，这个控制台有上下两栏，上面一栏会实时显示sublime执行了什么插件，输出执行结果，如果你安装的某个插件不能正常运行，应该先在这里看看有没有报错。下面栏是一个输入框，可以运行python代码。我们输入下面的代码点击回车运行，就能安装好package control了。

代码：

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

运行结束以后，记得重启编辑器，就能在Preferences中看到 package control了

如果上面的方法安装不成功，可以这样下载http://sublime.wbond.net/Package%20Control.sublime-package将下载后的Package Control.sublime-package直接放到 C:\Users\****\AppData\Roaming\Sublime Text 2\Installed Packages 中。

然后我们按住 ctrl+shift+p。此时会输出一个输入框，输入install。选择package contrl： install package 回车，需要稍定一会儿，右下角状态栏会显示正在连接的提示文字。使用sublime时注意看右下角状态栏，很多插件的提示信息都显示在这里，这个状态栏很小，初次使用的人都有可能没有注意到它。

稍等一会儿后，它会出现一个插件列表，你也可以在输入框中输入文字进行搜索插件。搜索到自己想安装的插件，再选择它，回车。就自动给你安装好了。

如果要卸载插件， ctrl+shift+p 输入 remove，选择package control:remove package 然后再选择已安装的插件，回车即可卸载。

当然也可以这样：Preferences--> package control 选择安装和移除插件

点击Install Package之后，稍等一会，就出先搜索安装的列表

正式安装插件：

1 TortoiseSVN(win下需要安装有TortoiseSVN客户端支持)

搜索TortoiseSVN显示以后直接回车，安装。然后修改配置文件。

Preferences-->Package Setting--->TortoiseSVN-->Setting - Default

{
	// Auto close update dialog when no errors, conflicts and merges
	"autoCloseUpdateDialog": false,
	"tortoiseproc_path": "D:\\Program Files\\TortoiseSVN\\bin\\TortoiseProc.exe" //修改为自己的文件所在地址
}

安装以后可以直接在文件目录或者文件编辑中右键来提交和更新文件了。

快捷键 alt+c 提交，alt+u 更新

2 ctags

这个插件能跨文件跳转，跳转到指定函数声明的地方。使用package control 搜索ctags 进行安装。（最舍不得netbeans就是这个函数跳转功能了，这个插件实现了！！）。

但是，还需要

1>下载ctages.exe 这里有提供下载地址然后将ctages.exe放到环境变量能访问到的地方（我直接放到了某个文件下，然后添加到了环境变量）

2 直接在左侧项目目录中右键，然后选择 Ctags:Rebuild ags

或者

运行cmd命令执行下ctages 如果能执行就ok ，然后在命令行格式下到所需打开项目的目录下，运行命令

ctags -R -f .tags

会生成一个.tags 文件。这用sublime打开项目以后，就可以用下面方法跳转到函数声明

ctrl+t   ctrl+t   //鼠标在函数出执行，跳到函数处

ctrl+t   ctrl+b  //调回函数

当然用 ctrl+shift+鼠标左键也可以跳到

3 sublimecodeintel 代码提示。

sublime默认的代码提示只能提示系统函数，用户自己创建的函数、类不能提示。如果想要提示自己建立的函数。可以安装sublimecodeintel插件。

sublimecodeintel 安装后需要配置，文件：插件目录/.codeintel/config 中增加

"PHP": {
        "php": 'D:\SaeServer\php\php.exe',
        "phpExtraPaths": ['D:\SaeServer\php\stdlib'],
        "phpConfigFile": 'D:\SaeServer\apache\php.ini'
    },



//自己的php解释器和配置文件

4 SublimeLinter 和 Phpcs 语法错误提示。（ Phpcs 需要详细配置及安装PEAR）

Phpcs 配置比较繁琐，略。

sublimeLinter 可以对很多语言进行提示操作。我配置了php ，js 和css 。必须文件名为.php，.js，.css。

配置： Perference -> Package Setting->SublimeLinter->setting - user

{
     "sublimelinter": "save-only", //在保存时提示
    "sublimelinter_popup_errors_on_save": true, //弹出提示，可直接定位到错误位置
     "sublimelinter_gutter_marks": true,
     "sublimelinter_delay": 1,
    "sublimelinter_executable_map":
    {
        "php": "D:\\php5.3.13\\php.exe",
        "javascript":"D:/nodejs/node.exe",
        "css":"D:/nodejs/node.exe"
    },
	"jshint_options":
	{
	    "strict": true,
	    "noarg": true,
	    "noempty": true,
	    "eqeqeq": true,
	    "undef": true,
	    "curly": true,
	    "forin": true,
	    "devel": true,
	    "jquery": true,
	    "browser": true,
	    "wsh": true,
	    "evil": true
	},
	"csslint_options":
	{
	    "adjoining-classes": "warning",
	    "box-model": true,
	    "box-sizing": "warning",
	    "compatible-vendor-prefixes": "warning",
	    "display-property-grouping": true,
	    "duplicate-background-images": "warning",
	    "duplicate-properties": true,
	    "empty-rules": true,
	    "errors": true,
	    "fallback-colors": "warning",
	    "floats": "warning",
	    "font-faces": "warning",
	    "font-sizes": "warning",
	    "gradients": "warning",
	    "ids": "warning",
	    "import": "warning",
	    "important": "warning",
	    "known-properties": true,
	    "outline-none": "warning",
	    "overqualified-elements": "warning",
	    "qualified-headings": "warning",
	    "regex-selectors": "warning",
	    "rules-count": "warning",
	    "shorthand": "warning",
	    "star-property-hack": "warning",
	    "text-indent": "warning",
	    "underscore-property-hack": "warning",
	    "unique-headings": "warning",
	    "universal-selector": "warning",
	    "vendor-prefix": true,
	    "zero-units": "warning"
	}	
}

配置后，需重启生效！

5 function name display

这个插件可以在状态栏显示出当前光标处于哪个函数中。

6 additional PHP snippet 和 DocBlockr 代码注释格式化。

additional PHP snippet插件能提示phpdocument格式的代码，还能快速输出开源协议，输入php- 会有提示
安装DocBlockr 插件，能形成注释块。不用每次敲注释的斜杠或星号。

7 BracketHighlighter 成对匹配的增强。

像这些符号是成对的：花括号{}，中括号[],括号：() ，引号“” 等。这些符号当我们鼠标放在开始符号的位置的时候，希望能明显看到结尾符号在哪儿sublime默认是下划线，很不明显，想要明显一点，可以安装插件 BracketHighlighter。

8 一个好看的主题 Flatland

我觉得很好用

9 我的配置 Preferences -> setting-User

{
       //主题设置
	"color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
	"detect_indentation": true,
	"draw_centered": false,
	"fold_buttons": true,
        //字体设置
	"font_face": "YaHei Consolas Hybrid",
	"font_size": 13,
	"gutter": true,
	"highlight_line": true,
	"ignored_packages":
	[
		"Vintage"
	],
	"indent_subsequent_lines": true,
	"line_padding_bottom": 1,
	"line_padding_top": 1,
	"rulers":
	[
		80
	],
	"theme": "Flatland Dark.sublime-theme",
	"word_wrap": true,
	"wrap_width": 0
}

其他还有很多插件或者配置，就不一一列举了，希望大家共同探讨...

插件介绍地址：https://packagecontrol.io/

常用命令：http://alfred-long.iteye.com/blog/1903957