前端编辑器:Sublime2安装指南

最近重装了下sublime,顺便写篇安装指南,本文的所有内容仅适用于我的这个sublime的版本(下面有下载链接),这个版本汉化的比较厉害。

01.安装sublime

sublime的下载链接点这里

下载完,解压缩后就会看到这样的

解压后的文件夹

sublime插件文件夹等下说,先打开【sublime软件】的文件夹

就会看到这样的

打开sublime软件文件夹

选sublimetext_2.0.2.2217_XiaZaiBa.exe安装,是sublime2,我选择了sublime2,不是sublime3,因为sublime3还没成熟,很多插件不能用,当然你想选sublime3也可以,有些安装插件的细节会不一样,我只介绍sublime2的哈,sorry。

安装界面

点击安装,你也可以选择自己想要的安装路径,我就装C盘了。

安装完成后运行sublime2会跳出这个弹窗,这是更新提醒的弹窗。

更新提醒的弹窗

sublime是收费的软件,所以没付钱每次打开这个软件就会跳出这个更新提醒的弹窗,特别烦,下一步我们看看想办法把这个弹窗永久的去掉。

02.去除更新弹窗

回到这里,下面这个文件夹

sublime文件夹

打开sublime绿色包这个文件夹

sublime绿色包

将这个文件解压缩后打开

破解包

找到sublime_text.exe,然后右键复制,然后找到桌面,看看你刚才安装好的,sublime2,将复制的那份破解包覆盖掉安装好的sublime的原文件,怎么做呢,看我截图:

sublime2

上图是安装好的sublime在桌面上,选中它然后鼠标右键,选择属性。就会弹出下面的面板

sublime Text属性面板

点击【打开文件位置】这个按钮,就会弹出下面的sublime安装的文件夹

sublime安装的文件夹

找到SublimeText.exe,将那个复制好的sublime的破解版exe覆盖掉它,就好了。

然后再重启下sublime看看,是不是不会再弹出更新提示了。

注意,破解包的sublime_text.exe和源程序的SublimeText.exe名字不一样,你把破解包的sublime_text.exe给改成SublimeText.exe就好了。

03.添加sublime右键菜单

什么是右键菜单呢,看下图,就是这个

右键菜单

有了这个右键菜单,比如你打开abc.php你就能选中这个php文件,然后右键选择Edit with Sublime2就可以用sublime打开来编辑了。

那么怎么做呢,看下面

开始--》运行--》regedit

运行面板

点击确定,然后会跳出下面的界面

注册表编辑器

按照下面写的来,找到HKEY_CLASSES_ROOT底下的*文件夹,然后是shell文件夹,然后新建项命名为Edit with Sublime2,然后在其下面再新建项command。
[HKEY_CLASSES_ROOT*\shell\Edit with Sublime2\command]
修改里头的ab文件,将下面这段
"C:\Program Files\Sublime Text\SublimeText.exe" -p --remote-tab-silent "%1" 填进ab文件的数值数据中,就完成了。

填进ab文件的数值数据中

注意,这句

"C:\Program Files\Sublime Text\SublimeText.exe" -p --remote-tab-silent "%1" 中的"C:\Program Files\Sublime Text\SublimeText.exe"这句每个人都不一样,在这里看。

sublime的源程序路径

在桌面上的sublime的程序上选中,然后鼠标右键选择属性,就可以看见,这个路径了。

04.默认已经安装了的插件

装了我这个版本的sublime以后,默认的已经装了packagecontrol、和SideBarEnhancements了。

查看安装上的插件在这里
  • package control:sublime的管理插件的工具,管理工具,添加、更新、下载插件。如何你发现要是安装的那个出现问题,弹出错误的弹框,可以卸载掉原来安装的,重新手动安装,可以看看这篇文章。《如何安装Package Control》。这个软件默认自带的packagecontrol是中文的,可能看着会不习惯,安装出现问题可以留言,我再看看要不要更新这块怎么安装的部分

  • SideBarEnhancements:是一个可以自定义打开方式快捷键的工具包。它可以定义不同的快捷键打开不同的浏览器。这个有空再说。先空着。这个插件目前只能手动安装,如果你是跟我一样用的sublime2的话,它是不能用packagecontrol安装的,所以我的这个sublime安装版本正好帮你安装好了。你是不是想要sublime也和Dreamweaver一样按F12就可以浏览器预览呢,就是用这个插件实现的,不过要设置快捷键才行,这个有空我再补充。

05.安装emmet插件

这个插件几乎是前端必备的一个插件,肯定是要装的,它有什么用呢,就是让你快速编写代码,可以看看这篇文章你就明白了为什么必须要装这个插件。《前端开发必备!Emmet使用手册》。另外还有一篇GIF动图演示的Emmet语法,看这篇Emmet:HTML/CSS代码快速编写神器》。

怎么安装呢,回到这里:

解压后的文件夹

打开【sublime插件】这个文件夹,找到【emmet插件.rar】,打开

emmet插件.rar

将里面的emmet文件夹和pyV8文件夹

emmet和pyV8

拷贝到sublime的首选项-浏览程序包里。

打开sublime程序,在菜单栏的首选项-浏览程序包

首选项-浏览程序包

单击[浏览程序包]就会看见下面的文件夹

浏览程序包里的插件

将emmet和pyV8这个文件夹复制到这里面,然后重新启动一下sublime。测试下emmet是不是安装成功了。

怎么测试呢,就是新建一个abc.html,然后输入一个英文字符的“!”,按下tab键,是不是会跳出这样的,就算成功了。

测试是否成功

emmet插件安装就算完成了,具体怎么用好emmet强大的功能,可以看上面这篇《前端开发必备!Emmet使用手册》

06.修改自定义的快捷键

有个快捷键是非常必要要用的,就是多行选中同一个单词,然后可以跳着选,然后批量修改这个单词。

打开sublime,在菜单栏中-首选项-【按键绑定-用户】,打开

打开按键绑定-用户

里面是空的,只有一对[]方括号。你可以在[]方括号里面填上下面这段设置快捷键的代码,然后保存,就好了

{"keys": ["ctrl+d"], "command": "find_under_expand" },
{ "keys": ["ctrl+shift+d"], "command": "find_under_expand_skip" }

我这个快捷键的意思是,按住"ctrl+d",就是选中下一个,"ctrl+shift+d"就是跳过下一个。

怎么用呢,打开一个编辑好的html文件,然后按住"ctrl+shift+I",sublime下面就会跳出一个编辑框,看下面的图

多选的编辑框

举个栗子哈,比如我输入“checkbox”

输入checkbox

就会找到html文件中所有的checkbox,然后你比如说想要选中第一个checkbox,和第三个checkbox,把它改成radio,那么你就可以按快捷键了,按住"ctrl+d",就是选中下一个,"ctrl+shift+d"就是跳过下一个。来回的试试吧。个人觉得这个快捷键非常必要要会的。

当然还有种办法,你学会了以后可以试试看按“ctrl+h”,就会跳出这样的,看下面

按ctrl+h后的界面

find这个按键一直按,就会一直选中下一个,findall这个按键按一下,就会选中全部,然后在replace with的地方填写要改的单词,比如radio,再按一下replace就替换好了,replace all就是全部替换,但是没有跳选下一个。

所以两个方法你自己权衡使用吧。然后要是不用了,就按“ESC”键退出。

另外一个注意的是,虽然菜单栏中首选项-【按键绑定-用户】比【按键绑定-默认】优先级要高,不过既然设置了用户自定义的快捷键,默认文件的快捷键,多余了就删掉吧。

怎么删呢,打开这里

按键绑定-默认

找到下面的代码,把它删掉,保存。

{ "keys": [“ctrl+k”,"ctrl+shift+d"], "command": "find_under_expand_skip" },

稍后另开一篇文章我会介绍别的常用插件,今天先这样。

999.等待更新目录:

代码格式化的插件,自动调节代码缩进,更方便阅读。

  • AutoFileName
    自动补全文件路径-非常方便。没有废话。

  • ColorPicker
    通常,如果我们需要一个调色盘的时候,我们习惯使用Photoshop或是Gimp。但是一个完整的选色工具可以直接在你的编辑器中使用- Ctrl/Cmd + Shift + C。还有两个插件 GutterColorColorHighlightergutter可以在gutter中显示很棒的色彩高亮,简化了色彩代码的定位。

  • PlainTasks
    杰出的待办事项表!所有的任务都保持在文件中,所以可以很方便的把任务和项目绑定在一起。可以创建项目,贴标签,设置日期。有竞争力的用户界面和快捷键。

  • Alignment – Package Control作者写的简单到极致的多行选择和多行选择对齐插件。

  • SublimeCodeIntel
    代码提示插件SublimeCodeIntel这个插件还是比较不错的,不过最好针对某个语言安装插件比如Python的自动提示插件Jedi-Python autocompletion。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容

  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    xiaotao123阅读 9,474评论 0 27
  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    追風逸少丶阅读 11,310评论 1 34
  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    晚晴幽草阅读 710,850评论 149 1,114
  • http://www.jianshu.com/p/25cdc7d608bb 1.下载Sublime Text:ht...
    b2e16cc43137阅读 1,486评论 0 0
  • 2017.10.4(225~28/99)(焦点分享85) 一张钞票的故事,让我想到生命的价值。说是在一次演...
    方正省阅读 685评论 2 6