Sublime Text 是一款代码编辑器,小巧,灵活,可安装自己需要的插件,对于编写Php, Ruby, Python, Js等动态脚本语言个人觉得是足够了,当然前端用它也肯定是够了。

Sublime的官网是 http://www.sublimetext.com/,大家可以自行下载,它是一款付费软件,价格还不便宜,不过它也提供了永久免费的试用期,只不过会偶尔弹出让你购买的提示。

安装主题

打开sublime, 使用 control + ` 快捷键,或者点击 View > Show Console菜单,调出控制台,在其中输入以下Python代码:

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

安装完后,重启sublime即可。官方安装说明在这里,也可以自己看一下。
https://packagecontrol.io/installation#st3

在sublime中按住command + shift + p,在弹出的搜索框中搜索Package Control,在跳出的下拉框中选择Package Control:Install Package,再回车,这时候再重新跳出的搜索框中搜索:material theme,然后回车以安装。

如果Package Control 报错 There Are No Packages Available For Installation
基本是因为连接不上https://packagecontrol.io/channel_v3.json,换一下

// Preferences > Package Settings > Package Control > Settings - User 下添加
"channels": [
"https://tool.zhoujiping.com/sublime.json"
]

Fire Code 编程字体

下载链接https://github.com/tonsky/FiraCode 安装Regular(常规)的版本即可.然后鼠标移到菜单栏Sublime Text -> Preferences > Settings 在右边的窗口(user)中添加字体的配置:

"font_face": "Fira Code",
"font_size": 16,
"line_padding_bottom": 4,
"line_padding_top": 4,
"tab_size": 4,
"translate_tabs_to_spaces": true

查找文件和查找函数的快捷键

使用快捷键来全局搜索文件和方法会提升很多效率:

搜索文件:command + p
搜索方法:command + r,或者command + p, 在跳出的搜索框输入 @ 符合,就变成搜索方法了

也可以搜索文件的同时搜索方法,如我要搜索AuthController.php中的create方法,可以这样写AuthController@create,可以快速定位到create方法中。

还有一个更快速的快捷键:command + shift + r, 全局查看类或方法,自己试一下,非常好用.

快速创建、重命名和删除文件

我们可以在左边栏点击右键->New File来创建文件,但是还有一种更快速的方法,我们来看一下。我们只需要安装一个AdvanceNewFile的插件

装完后,我们使用command + option + n快捷键就可以创建文件了, 除了创建文件,你还可以重命名当前文件,或者删除当前文件,按住command + shirt + p, 输入查找rename,选择 ANF:Rename File, 默认没有显示文件路径和名,还需要配置下, 打开AdvanceNewFile的setting-user配置文件, 输入以下内容:

{
"rename_default": "<filepath>",
}

Sublime的多点编辑

选中一个单词,然后不断的按住command + D,可以同时选中相同的单词,然后可以统一编辑
或者也可以选中一个单词,然后使用control + command + g来选中全部一样的单词,进行统一多点编辑.

构建自己的代码块

使用IDE的一个很大的好处是可以快速生成代码块,Sublime中我们也可以这么做,点击Tools->Developer->New Snippet, 出现下面的默认代码:

<snippet>
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>hello</tabTrigger> -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.php</scope> -->
</snippet>

我们写一个生成php方法的代码块,比如我们输入met,按table键就能生成,我们改下上面的代码:

<snippet>
<content><![CDATA[
public function ${1}()
{
${2}
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>met</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.php</scope>
</snippet>

然后建立个snippets文件夹,统一存放我们写的这些代码片段:
下面就可以使用met按下tab键来创建我们的代码了,当按第一次tab的时候,光标会聚焦到${1}处,写好方法名,再按下tab,光标会聚焦到${2}处,是不是非常方便.

注意 <scope>source.php</scope>, 如果是别的文件怎么办,比如.vue文件这里怎么写,先创建一个.vue 文件,然后点击 tools -> developer -> show scope name, 显示了text.html.vue,那这里就写这个。

快速导入命名空间及自动生成构造函数等

Phpstrom不用你手动的导入命名空间,会自动导入,sublime也可以做到这点, 搜索安装php companion插件.

这个插件没有提供默认快捷键绑定,需要我们要自己配置一下,打开它的github页面https://github.com/erichard/SublimePHPCompanion

安装完,需自己绑定快捷键, preferences -> Key Bindings

// 输入命名空间的时候按f9补全命名空间
// 按f10导入命名空间
{"keys": ["f9"], "command": "expand_fqcn" }
{"keys": ["f10"], "command": "find_use" }

php语法检查插件

先搜索安装sublimeLinter插件, 然后安装sublimeLinter-php插件

结束。