本文内容主要参考以下视频:http://watch-learn.com/video-tutorials/my-sublime-text-3-setup
Package Control:新安装的 Sublime Text 都要先安装 Package Control 才能真正发挥其性能。具体方法如下:
- 参考 https://packagecontrol.io/installation,点击 ctrl+` 打开命令窗口,复制粘贴网址中的代码,按回车。
- 重启 Sublime Text 后按 command+shift+p 键(windows 下 command 键换成 ctrl 键,下同),输入 Package Control,如看见下图则说明安装成功。
- 选择 Package Control: Install Package,然后在输入框搜索需要安装的工具,点选安装即可。下面如没有另外提及,均使用此方法安装插件。
安装方法:
- 在 package control 里搜 Material Theme 然后安装。
- command+shift+p 打开命令窗口输入并点击 Material Theme: Activate Theme 即可激活主题。其中 Material Theme 提供了4个不同的主题,这里使用的是 Palenight
- 安装 Material Theme 官方文档,建议加入推荐的用户设定,使主题看起来更顺眼,请参考下面的个人设定。
插件列表:
- A File Icon
- AdvanceNewFile
- All AutoComplete
- ColorSchemeSelector
- DocBlockr
- Emmet
- Hayaku
- jQuery
- Laravel Blade Highlighter
- MarkdownEditing
- October Twig Highlighter
- SFTP
- SideBarEnhancements
- SublimeLinter,SublimeLinter-csslint,SublimeLinter-jshint,SublimeLinter-json,SublimeLinter-php
- Vue Syntax Highlight
插件:A File Icon, 一个可以让你的文件拥有漂亮 icon 的插件,安装 Material Theme 的时候会提示安装的。
插件:AdvanceNewFile,一个快速创建文件的插件。安装后,使用组合键 alt+command+n 键屏幕左下角会出现输入框,然后输入想要创建的文件名即可。创建的文件所在路径跟当前编辑文件一样。当然,这个插件最强大的地方是你可以通过输入文件夹名称或 .. 等你熟悉的指令去定位到不同的文件夹路径,而且支持 tab 键的自动补全,就想你在命令行里创建文件一样简单,另外不存在的文件夹还会自动创建!
插件:All AutoComplete,这个插件可以看成是 Sublime Text 自带的自动补全功能的一个扩充。软件自带的自动补全是基于当前编辑的文件的,而 All AutoComplete 会将此功能扩展到当前打开的所有文件里出现的关键字都能帮你补全。当然,你不可能把你项目里的所有文件都打开,但作为 Package Control 里的 top25 的存在,你安装完后,说不定哪天它就帮你省了几秒钟的时间补全了一个你都不记得在哪里定义的一个变量名呢。
插件:ColorSchemeSelector,一个可以实时切换当前主题的工具。
插件:DocBlockr,一个快速加入注释的工具,特别是在已经定义好的变量或者函数签输入 /** 再按回车,它会自动补全相关注释,是完美主义者的利器。
插件:Emmet,Sublime 编写 html 的利器,如果需要编写大量 html 内容而又已经厌倦了补全各种各样的标签,必须要试一下这个。
插件:Hayaku,类似 Emmet 的自动补全插件,但是针对 css 的。它使用了模糊搜索的功能来补全 css 的属性简直。如输入 pt10 按 tab 健则会自动补全为 padding-top: 10px; Emmet 跟 Hayaku 这两个自动补全的插件都非常强大,熟练之后起码为写代码缩短了一半的时间。
插件:jQuery,Sublime 里编写 jQuery 的插件。
插件:Laravel Blade Highlighter,顾名思义,Laravel 的模版工具 Blade 的高亮插件。
插件:MarkdownEditing,Sublime 里编写 markdown 的工具,虽然我强烈推荐另外使用 Typora 作为专门的 .md 文件编辑器 :p。
插件:October Twig Highlighter,OctoberCMS 的 Twig 引擎的语法工具。
插件:SFTP,非常强大的插件,通过设定 SFTP Server 后可以连接并修改远程服务器上的文件。需要注意的是新增的 SFTP Server 配置文件必须存放在以下目录才能生效:
~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sftp_servers/
插件:SideBarEnhancements,一个侧边栏的增强工具。
插件:SublimeLinter,SublimeLinter-csslint,SublimeLinter-jshint,SublimeLinter-json,SublimeLinter-php。Sublime 里不同语言的语法查错工具,安装的时候先安装 SublimeLinter,然后在根据自己需要安装不同语言的插件。某些插件需要另外下载别的工具来支持,因此安装前必须先看 github 上的文档。
插件:Vue Syntax Highlight,Vue.js 的语法高亮工具。
个人设定:Sublime Text -> Preference -> Settings -> User。下面是我参考原作者的设定根据自己的情况作出的修改,鉴于作者本身对部分设定都是一头雾水,所以以下仅供记录及参考
{ "always_show_minimap_viewport": true, "bold_folder_labels": true, "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Palenight.tmTheme", "close_windows_when_empty": true, "binary_file_patterns": [ "wp-admin/*", "wp-includes/*", "wp-content/plugins/*", ".sass-cache/*", "node_modules/*" ], "font_options": [ "gray_antialias" ], "fade_fold_buttons": false, "font_size": 13, "ignored_packages": [ "Markdown", "Vintage" ], "indent_guide_options": [ "draw_normal", "draw_active" ], "line_padding_bottom": 6, "line_padding_top": 6, "overlay_scroll_bars": "enabled", "theme": "Material-Theme-Palenight.sublime-theme", "material_theme_arrow_folders": true, "material_theme_tabs_separator": true, "overlay_scroll_bars": "enabled", "translate_tabs_to_spaces": true, "word_wrap": true }