未加星标

打造自己的Sublime使用环境

字体大小 | |
[开发(python) 所属分类 开发(python) | 发布者 店小二03 | 时间 2015 | 作者 红领巾 ] 0人收藏点击收藏

1、破解LICENSE(如果不是特穷还是买一个吧,不是特别贵,支持正版)

----- BEGIN LICENSE -----

Andrew Weber

Single User License

EA7E-855605

813A03DD 5E4AD9E6 6C0EEB94 BC99798F

942194A6 02396E98 E62C9979 4BB979FE

91424C9D A45400BF F6747D88 2FB88078

90F5CC94 1CDC92DC 8457107A F151657B

1D22E383 A997F016 42397640 33F41CFC

E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D

5CDB7036 E56DE1C0 EFCC0840 650CD3A6

B98FC99C 8FAC73EE D2B95564 DF450523

------ END LICENSE ------

2、Sublime Text : 创建工程

Sublime Text 可以很方便地管理多个工程。使用SublimeText的Projects,可以将不同根目录的文件组织起来成为一个工程,而不用将所有的文件都放到一个根目录下面。

(1). 创建工程

Project > Add Folder to Project

这时在sidebar中将出现刚刚添加的文件目录,如果还需要添加其他目录,则重复这一操作即可。

(2). 保存工程

Project > Save Project As

击保存后Sublime Text将自动生成两个文件:

project_name.sumlime-project:包含工程定义,该文件会被记录到版本控制里。

project_name.sublim-workspace:包含了用户的工程数据,例如打开的文件和修改等,该文件不会被记录到版本控制里。

在*.sublime-project文件中,你可以定义工程配置。例如你可以定义多个目录路径,或者哪些目录或文件需要排除在外。创建完以后如果左侧没有出 现项目文件,则需要重启。

(3). 切换工程

如果你同时有好几个工程需要开发,你可以有以下两种方式来打开你需要工作的工程:

启动Sublime Text,点击Project > Open Project,找到*.sublime-project文件,打开。

启动Sublime Text,使用 Ctrl + Alt + P 快捷键,你会得到一个搜索框,该搜索框列出了所有打开过的工程名称,选中工程并打开。

PS:如果直接使用Sublime Text编辑*.sublime-project,Sublime Text会自动载入工程,建议使用别的文本编辑器编辑*.sublime-project。

3、在Sublime Text3的安装目录下新建文件夹“Data”, 该文件夹创建完成后再打开Sublime Text程序,我们发现,Packages被安装在了当前创建的文件夹下(

我的路径是C:\Program Files\Sublime Text 3\Data)。稍后把其他必备插件装全了,我们备份一下Sublime Text 3文件夹,这样以后走到哪都可以无须一步步重新安装,

快速部署我们的Sublime Text环境。

4、使用Package Control组件安装

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

(1)重启Sublime Text 3。

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

5、支持GBK编码

CovertToUTF8。GBK Encoding Support 插件貌似也可以中可以支持GBK编码,但我在Sublime Text 3中未搜索到此插件了。

安装此插件左边会出现“Reload with Encoding”来根据不同的编码方式加载页面,使之支持GB2312等编码。

这个插件的快捷键和“ColorPicker”插件冲突,建议修改为“ctrl+shift+alt+c”。Default (windows).sublime-keymap文件。(有些插件没有Key Bingdings — defualt选项需要打开Package包下的Default (Windows).sublime-keymap文件进行设置)

[ { "keys": ["ctrl+shift+alt+c"], "command": "convert_to_utf8", "args": {"encoding": "GBK", "stamp": "0" } }

]

多数情况下,本插件将自动对处理编码相关的事项。

您也可以通过 File > Set File Encoding to 菜单对文件编码进行手工转换。例如,您可以打开一个 UTF-8 编码的文件,指定保存为 GBK,反之亦然。

注意:

如果 convert_on_save 被设置为 never,文件不会被保存成指定编码

在文件编码检测过程完成前请勿编辑文件

若检测结果不准确,请尝试增大 max_detect_lines 的值或手工指定编码

6、Emmet(Zen Coding升级版,HTML编码神器 )

如果按下“Ctrl+E”和“Tab”键都不管用,那么应该提示“please wait a bit while pyV8 binary is being downloaded”的错误。这时候是“是PyV8的问题”,是因为网速或者是防火墙的问题。

(可以Remove重新安装一次,启用VPN)应该从网上手动下载“PyV8”(https://github.com/emmetio/pyv8-binaries#readme),解压文件至Packages\PyV8文件夹内(Preferences – Browser Packages),重启解决(根据操作系统的版本进行选择下载的版本号)。

比如路径:C:\Program Files\Sublime Text3\Data\Packages\PyV8\win64-p3(32位操作系统就是,win32-p3)。而不要使用解压包的默认文件名“pyv8-win64-p3”。

7、ColorPicker(调色面板插件)

快捷键为“ctrl+shift+c”,调出颜色面板,给CSS元素设置颜色。

8、Sublime Alignment

左上角Sublime Text -> Preferences -> Package Settings ->Alignment

如果没有最后的"Alignment"选项,说明你还没有安装此插件。

这里面有5个选项:

Settings- Default

Settings- User

Settings- Syntax Specific - User

Key Bildings - Default

Key Bildings - User

带有后缀Default的,为默认设置,每次升级插件都会重置这里的设置。所以尽量不要修改这里,否则升级会丢失你原先的设置。

带有后缀User的,为用户自定义设置,你可以把Default里面的设置全部复制一份到这里,然后再修改,这里存在的设置选项会覆盖Default里面的,即User的优先级更高。

Key Bildings为快捷键设置,默认的快捷键很有可能因为和其他快捷键冲突而无效,

所以及可以在Key Bildings - User里重新设置(格式可以仿照Default里的写法)。

此快捷键是用来 实现对齐的。等号对其,如果是其它符号等对其方式可以查询百度或Google。

默认快捷键[ [{ "keys": ["ctrl+alt+a"], "command": "alignment" }],和“QQ”的截屏快捷键冲突,可以改为“ctrl+shift+alt+a”。或者修改QQ快捷键

参数详解,比如下面为原始测试数据

int aa = 1;

char bb = 'a';

float fff = 2;

unsigned int d = 1;

(1)“align_indent”:

开关量,默认为true,

true,则把选择的多行的不同缩进级别也变成相同的缩进(最大的缩紧级别),结果如下:

int aa = 1;

char bb = 'a';

float fff = 2;

unsigned int d = 1;

flase,只是对齐,不改变缩进级别,结果如下:

int aa = 1;

char bb = 'a';

float fff = 2;

unsigned int d = 1;

(2)mid_line_tabs”

开关量,默认为false。

如果你的文本是使用Tab键缩进排版,设置该变量为true时,那么该插件在对齐文本的时候也使用Tab键来对齐缩进。

但是这样可能会出现问题,因为Tab键在不同的编辑器上代表的空格数可能不同(Sublime 是代表4个空格),

当你使用别的编辑器打开该文件时,简而言之,就是排版可能就不是对齐的了。

(3)“alignment_chars”

即对齐字符

这是一个数组,可以这样设置多个字符:alignment_chars": ["=","*","a"] 默认只有“=”字符,即alignment_chars": ["="]

数组里面的字符就是放在中线对齐的字符。

如下面都把“=”排成一列中线对齐

int aa = 1;

char bb = 'a';

float fff = 2;

unsigned int d = 1;

例如设置里增加“*”号,即:alignment_chars": ["=","*"]

结果如下:

原文:

int *aa = 1;

char *bb = 'a';

float *fff = 2;

unsigned int *d = 1;

排列对齐后:(把“*”号排成对齐的一列)

int *aa = 1;

char *bb = 'a';

float *fff = 2;

unsigned int *d = 1;

(4)“alignment_space_chars”

和“alignment_chars”一样,也是数组格式

默认值包含“=”号,即:alignment_space_chars": ["*","="]

就是这个数组包含上面“alignment_chars”里的字符,

对齐后,在其前面增加一个空格。

如果这里不包含“alignment_chars”里的字符,对齐后,在其前面没有空格。

可以这样说,“alignment_space_chars”数组是“alignment_chars”数组的子集。

原文还在文章的起始处,这里设置包含“=”,

即alignment_space_chars": ["="],

结果如下:

int aa = 1;

char bb = 'a';

float fff = 2;

unsigned int d = 1;

这里设置不包含任何字符,

即alignment_space_chars": [],

结果如下:

int aa = 1;

char bb = 'a';

float fff = 2;

unsigned int d= 1;

(5)“alignment_prefix_chars”

即:前缀字符

默认设置:

"alignment_prefix_chars": ["+", "-", "&", "|", "<", ">", "!", "~", "%", "/", "*", "."]

对齐字符(即alignment_chars"里的字符),可以拥有前缀字符。例如”=“号字符前可以拥有以上字符作为前缀。

原文设置如下:(这里的前缀字符有 “!“、“<“符号)

int aa = 1;

char bb != 'a';

float fff <= 2;

unsigned int d = 1;

对齐后如下:(即把前缀字符+对齐字符一起当作对齐字符来对待)

int aa = 1;

char bb != 'a';

float fff <= 2;

unsigned int d = 1;

(6)总结

可按照以上的参数说明,自己增加对齐的字符来增强功能。

我一般需要在对齐字符前面增加一个空格,

所以我一般就保持alignment_chars 数组和 alignment_space_chars数组一致。即在所有的对齐字符前面都增加一个空格。

9、JsFormat(JS脚本格式化插件)

使用方法:

(1)快捷键:ctrl+alt+f

(2)先用快捷键打开命令面板 “ctrl + shift + p”, 再输入 “Format: javascript” 就可以使用格式化命令

10、 cssComb

使用这个工具可以帮助你重新排列CSS中定义的属性,帮助你按照你预定义的排序格式生成新的CSS。 主要特性

帮助排序CSS属性

自定义排序规则

可以处理标签 style 内的CSS属性

格式不变化

完全支持CSS2/CSS2.1/CSS3和CSS4

默认快捷键:ctrl+shift+c 和 “ConvertToUTF8与ColorPicker是冲突的”,需要修改下。

["ctrl+alt+c"]

11、CTags

(1)快捷键:

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

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

(2)安装了,肯定无法使用,必须系统中有ctags才能用(Sublime项目右键CTags:Rebuild Tags)

官方说明如下安装ctags

OS X

If anyone is having trouble getting the CTags -R flag to work on OSX, you are probably using the stock CTags installation.

To get a proper copy of ctags, use one of the following options:

Using Homebrew: brew install ctagsUsing MacPorts: port install ctags

Make sure that Sublime Text is using the right version of CTags:*

If 'which ctags' doesn't point at ctags in '/usr/local/bin', make sure you add '/usr/local/bin' to your PATH ahead of the folder that 'which ctags' reported.

Add or modify the 'export PATH=...' (e.g. in /.profile) to make the change permanent

linux

To get a proper copy of ctags, use one of the following options:

In a terminal session: sudo apt-get install ctags

Windows

Download the binary ctags.exe from Exuberant Ctags site.

Extract ctags.exe from the download zip to "C:\Program Files\Sublime Text 2" or any folder that within your PATH so CTags support for Sublime Text 2 can run it.

接着说一下使用:

要想ctags可以使用,先要在相应的项目目录生成.tags文件,比如我要在G:\AppData\web\seven\Cola下生成。

首先cmd进入对应的目录,然后使用命令,会生成一个.tags 文件

ctags -R -f .tags(3)(windows环境下)看了很多安装ctags的方法

sublime text 2或3中安装完ctags ,对函数进行两次ctrl+T,发现不能跳转,报错: can't find any relevent tags file

------------------------解决方法----------------------------------------------------------

原因是因为没有生成.tags索引文件

生成方法有两种:

a.sublime软件中,功能菜单File->Open Folder 打开要分析的目标文件夹,从左侧边栏中点击打开任意程序文件,按下crtl+T、ctrl+R组合键(即:最上行功能菜单Find->Ctags->rebuild tags),这时可以看到目标文件夹中生成了.tags索引文件,以及.tags_sorted_by_file。

b.Win+R:输入指令cmd,回车。cd指令进入要分析的目标文件夹,输入:ctags -R -f .tags

手动生成.tags文件。与方法一不同的是,不会生成.tags_sorted_by_file,不过在使用中尚未发现区别,对此欢迎大家完善补充。

下角有这样的提示: Can't find any relevant tags file

这是因为我们没有配置ctags可执行文件的路径。需要单独安装ctag的可执行文件。

12、DocBlockr(自动生成注释插件)

在函数上面输入/** ,然后按tab 就会自动生成注释。

13、FileDiffs

功能:强大的比较代码不同工具

简介:比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具,精确到行。

使用:右键标签页,出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可

14、Bracket Highlighter

功能:代码匹配

简介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和结束标记

使用:点击对应代码即可

15、jQuery

功能:jQ函数提示

简介:快捷输入jQ函数,是偷懒的好方法

16、LESS

功能:LESS高亮插件

简介:用LESS的同学都知道,sublime没有支持less的语法高亮,所以这个插件可以帮上我们

使用:打开.less文件或者设置为less格式

17、AutoFileName

功能:快捷输入文件名

简介:自动完成文件名的输入,如图片选取

使用:输入”/”或"../"即可看到相对于本项目文件夹的其他文件

18、Trailing spaces

功能:检测并一键去除代码中多余的空格

简介:还在纠结代码中有多余的空格而显得代码不规范?或是有处女座情节?次插件帮你实现发现多余空格、一键删除空格、保存时自动删除多余空格,让你的代码规范清爽起来

使用:安装插件并重启,即可自动提示多余空格。一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。快捷键配置:在Preferences / Key Bindings – User加上代码(数组内){ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }另外一种方法click on "Edit / Trailing Spaces / Delete";

19、sublimeLinter

干啥事情都得学会偷懒,code也是如此。尽管grunt工具提供了jshint对js代码作检查的插件,但是,这就有点后知后觉了。如何在你code时就将错误给锁定并消灭呢?

还好,使用submlime的童鞋就有福了。sublimeLinter就是这样一个提供代码检测的工具。安装package我就不多说了了,用过sublime的筒子们都知道两种方法。使用sublime控制台装不了就从github上直接安装吧。地址是:https://github.com/SublimeLinter/SublimeLinter

安装好后,还要有node环境,这样才能检测。没安装node的就安装node吧。

javascript和css的检测分别使用的是jshint/jslint(视你node安装了哪个)和csslint。

从个人使用来看,检测只针对文件后缀来判定检测,所以,写在html中的js,css就没法做检测了。这是唯一的缺点。所以,grunt的检测还是需要做最后一步把关的。

a、准备工作安装 Sublime Text 包管理工具:http://wbond.net/sublime_packages/package_control

使用 Sublime Text 包管理工具安装 SublimeLinter:https://github.com/SublimeLinter/SublimeLinter

安装 Node.js,建议安装 Windows Installer 版本:http://nodejs.org

参数配置

打开 SublimeLinter 的配置文件,Preferences->Package Settings->SublimeLinter->Settings - User,进行如下配置:

b、运行模式

"sublimelinter": "save-only",

SublimeLinter 的运行模式,总共有四种,含义分别如下:

true - 在用户输入时在后台进行即时校验;

false - 只有在初始化的时候才进行校验;

"load-save" - 当文件加载和保存的时候进行校验;

"save-only" - 当文件被保存的时候进行校验;

推荐设置为 “save-only”,这样只在编写完代码,保存的时候才校验,Sublime Text 运行会更加流畅。

c、校验引擎

"sublimelinter_executable_map":

{

"javascript":"D:/nodejs/node.exe",

"css":"D:/nodejs/node.exe"

}

这里是配置 JavaScript 和 CSS 校验需要用到的 JS 引擎(这里用的是 Node.js)的安装路径。

d、JSHint 选项

SublimeLinter 使用 JSHint 作为默认的 JavaScript 校验器,也可以配置为 jslint 和 gjslint(closure linter)。下面我使用的 jshint 校验选项,大家可以根据自己的编码风格自行配置,选项的含义可以参考这里:http://www.jshint.com/docs/#options

"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

}

e、CSSLint 选项

SublimeLinter 使用 CSSLint 作为 CSS 的校验器,下面是默认配置的校验选项,可以根据个人编码风格修改:

"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"

}

f、提供一下一下自己的配置

{

"sublimelinter": "save-only",

"sublimelinter_popup_errors_on_save": true,

"sublimelinter_executable_map": {

"javascript": "D:/nodejs/node.exe",

"css": "D:/nodejs/node.exe"

},

"jshint_options": {

"strict": false,

"quotmark": "single", //只能使用单引号

"noarg": true,

"noempty": true, //不允许使用空语句块{}

"eqeqeq": true, //!==和===检查

"undef": true,

"curly": true, //值为true时,不能省略循环和条件语句后的大括号

"forin": true, //for in hasOwnPropery检查

"devel": true,

"jquery": true,

"browser": true,

"wsh": true,

"evil": true,

"unused": "vars", //形参和变量未使用检查

"latedef": true, //先定义变量,后使用

"globals": {

"grunt": true,

"module": true,

"window": true,

"jQuery": true,

"$": true,

"global": true,

"document": true,

"console": true,

"setTimeout": true,

"setInterval": true

}

},

"csslint_options": {

"adjoining-classes": false,

"box-sizing": false,

"box-model": false,

"compatible-vendor-prefixes": false,

"floats": false,

"font-sizes": false,

"gradients": false,

"important": false,

"known-properties": false,

"outline-none": false,

"qualified-headings": false,

"regex-selectors": false,

"shorthand": false,

"text-indent": false,

"unique-headings": false,

"universal-selector": false,

"unqualified-attributes": false

}

}

考虑到csslint的检测比较坑爹,为了覆盖默认的设置(否则每次保存,将有错误和警告提示,其中属性值为true则是错误提示,为warning则是警告提示),我们必须在user setting中重新设置true为false,这样就没有提示啦。这个设置参考了bootstrap的.csslintrc文件配置。

20、AutpPrefixer(CSS3私有前缀补全插件)

21、SideBarEnhancements(侧边栏增强)

SideBarEnhancements本是增强侧边栏的插件,这里将教大家如何用来做sublime text 3浏览器预览插件,并可自定义浏览器预览的快捷键。

安装此插件,点击工具栏的preferences > package setting > side bar > Key Building-User,键入以下代码,这里设置按Ctrl+Shift+C复制文件路径,按F1~F5分别在firefox,chrome,IE,safari,opera浏览器预览效果,当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。

[ { "keys": ["ctrl+shift+c"], "command": "copy_path" },

//firefox

{ "keys": ["f1"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:\\software\\Browser\\Mozilla Firefox\\firefox.exe",

"extensions":".*" //匹配任何文件类型

}

},

//chrome

{ "keys": ["f2"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:\\Users\\Mr.DenGo\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",

"extensions":".*"

}

},

//ie

{ "keys": ["f3"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",

"extensions":".*"

}

},

//safari

{ "keys": ["f4"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:\\software\\Browser\\Safari\\safari.exe",

"extensions":".*"

}

},

//opera

{ "keys": ["f5"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:\\software\\Browser\\opera\\opera.exe",

"extensions":".*"

}

}

]

22、SublimeCodeIntel(全功能的 Sublime Text 代码自动完成引擎)

这个插件一般需要去网上下载,然后独立安装,Sublime控制台安装好像安装不上。

我们忽略了我们还需要去配置sublimeCodeIntel的config文件,告诉他我们需要javascript的提示(~/.codeintel/config or project_root/.codeintel/config)。

{

php": {

"php": '/usr/bin/php',

"phpExtraPaths": [],

"phpConfigFile": 'php.ini'

},

"JavaScript": {

"javascriptExtraPaths": []

},

"Perl": {

"perl": "/usr/bin/perl",

"perlExtraPaths": []

},

"Ruby": {

"ruby": "/usr/bin/ruby",

"rubyExtraPaths": []

},

"python": {

"python": '/usr/bin/python',

"pythonExtraPaths": []

},

"Python3": {

"python": '/usr/bin/python3',

"pythonExtraPaths": []

}

}

23、Git不必多少,该插件基本上实现了git的所有功能。

还有其它的插件比如:Terminal,Trimmer,SASS,SASS Build,Lessc等根据情况安装。

参考文章: http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html

http://blog.csdn.net/freshlover/article/details/44261229

http://www.cnsecer.com/460.html

http://www.douban.com/note/275432301/

http://segmentfault.com/a/1190000000389188

http://www.cnblogs.com/lhb25/archive/2013/05/02/sublimelinter-for-js-css-coding.html

http://www.cnblogs.com/bugs/p/3533216.html

本文开发(python)相关术语:python基础教程 python多线程 web开发工程师 软件开发工程师 软件开发流程

主题: CSSJavaWindows浏览器JavaScriptjQueryNode.jsCSS3PerlPHP
tags: true,Sublime,warning,插件,false,Text,int,gt,alignment,chars,文件,sublime,ctags,对齐,安装
分页:12
转载请注明
本文标题:打造自己的Sublime使用环境
本站链接:http://www.codesec.net/view/165691.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 开发(python) | 评论(0) | 阅读(11415)