>IDE?不需要,一个优秀的编辑器不淡运行更快,而且功能丝毫不逊色于任何庞大的IDE(特别是Java系的)
# Sublime Text 3
Sublime Text 是一个代码编辑器(Sublime Text 是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。
### 先说Sublime Text的优点:
1. Sublime Text跨平台。如果一种编辑器只能运行在一种平台上,我是绝对不会考虑它的,跨平台是必要条件。
2. Sublime Text不仅跨平台,而且在所有平台上看起来都很漂亮。很流畅,响应灵敏,很吸引眼球。
3. Sublime Text的一个独特的功能是支持多光标操作:它能让你对文本中的多个地方同时做修改,你可以看到多个地方在你输入的时候同时发生变化。重构时用它很方便,比如修改一个变量名。
4. Sublime Text的command palette能够让你轻松的做任何操作,勉去了记忆众多快捷键的痛苦。你只需要打开command palette ,输入几个字母,Sublime Text会用模糊查询给你提供建议和选项。跟直接使用快捷键几乎没区别。
5. 所有的操作和选项都很直观的放在菜单里。虽然我并不是很多的使用菜单(感谢command palette),但你可以在里面查找你想要的操作,学会这个编辑器里有哪些功能。
6. 打开文件很快,而且可以通过Go to anything弹出面板转到文件中任何地方。我使用Vim时一直使用ctrlp来做这种事情,但Sublime Text支持转到某个位置和某行,非常方便。
7. 编辑文件的同时你可以启动编译,看到输出结果,这种交互能让你快速发现编译错误。这点集成的非常好,非常顺滑,比Vim要好。
8. 在Sublime Text里你可以使用Vim命令进行光标移到和编辑文本,很显然,如果你习惯Vim,你可以在Sublime Text了进行闪电般的快速编辑。
9. 当然,Sublime Text里还提供了很多非常有用的文本操作命令,你可以设定快捷键绑定这些操作。
10. Sublime Text扩展性很好,它使用了Python式的插件系统。这显然是一个很大和活跃的社区,可以为它提供丰富的插件,这也意味着你可以在网上找的任何你想要的插件来集成你想要的功能。
### 不幸的是,Sublime Text也有不少缺点:
1. 尽管Sublime Text是跨平台的,但它看起来并不是为同时在多个平台上的用户设计的。比如,快捷键在各个平台上都不同,这比由Cmd变成Ctrl要严重的多。这可能是由于Sublime Text的设计倾向于平台本地化。在不同的平台上记忆不同的快捷键无疑是讨厌的,经常切换平台时常会弄错。
2. Sublime Text的配置文件是存在固定格式、平台特定的文件里的。可能同样是因为Sublime Text希望最大化的和操作系统本地集成的原因。然而,这就使得你将配置文件存放在Git版本库里变得很麻烦,在不同的机器,不同的操作系统上不能共享。
3. Sublime Text使用JSON格式存放配置参数,这适合是无可非议,但确有个很大的缺点:设置的每一行结尾都需要一个逗号,除非最后一行。很多在我修改配置时都忘了这一点。使用JSON的另外一个缺点是,这种格式不是很强大:因为它基本上都是key/value值,你无法添加条件依赖(比如,在不同的机器上不同的配置),或引用其它文件。
4. Sublime Text没有命令行界面。我经常需要编辑远程系统上的文件,通常只有一个命令行终端。这种情况下,我只能用其它编辑器。
5. Sublime Text很明显的另外一个缺点:它不开源,而且收费版的价格也不便宜。我并不是反对任何闭源软件,而且如果一个编辑器我需要天天使用它,我很愿意花钱买它。然而,有一些现实问题:我工作的那台机器无法运行Sublime Text,因为Sublime Text引用了一些旧的程序库,我机器上没有。我无法自己重新编译它,它就毫无用处了。而且,有一点我需要说的是,我不喜欢这种一个编辑器的生命依赖于某个人的专注和贡献,万一他被车撞了呢。如果他的开发终止了,也许会人能克隆一个来支持现有用户们,这是个未知数。
## Package Control
PackageControl插件本身是一个为了方便管理插件的插件就像,PackageControl之于Sublime Text 3 的作用就像npm之于node.js的作用。有了PackageControl你才能方便的安装接下来的插件,当然PackageControl也不是必须要的,如果你动手能力强的话,完全可以从github下载各种插件手动安装,但是这里我们还是推荐用PackageControl来进行插件的管理。
> 安装步骤:
1.点击View > Show Console
2.粘贴以下代码并回车执行等待完成,可能安装完需要重新启动Sublime Text 3
```python
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)
```
## LocalizedMenu
汉化必备
## Emmet(前端必备)
Emmet 项目的前身是前端开发人员熟知的 Zen Coding(快速编写 HTML/CSS 代码的方案)。在 Sublime Text 编辑器中搭配 Emmet 插件真的是让你编码快上加快。
## phpfmt(PHP必备)
phpfmt用来格式化php代码
参考配置:
{
"enable_auto_align": true,
"format_on_save": true,
"indent_with_space": 4,
"php_bin": "/usr/local/Cellar/php71/7.1.2_13/bin/php",
"psr2": true,
"version": 1
}
## SublimeLinter
SublimeLinter 是前端编码利器,用于高亮提示用户编写的代码中存在的不规范和错误的写法,支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。
> 简单说就是帮你找错误的
## SideBarEnhancements
一个增强侧边栏文件夹浏览功能的插件,比较不错。
## BracketHighlighter
[], (), {}, "", '', #!xml 等标记配对的代码高亮插件
## SublimeCodeIntel
一个全功能的 Sublime Text 代码自动完成引擎,这个插件的智能提示功能非常强大,可以自定义提示的内容库
## HTML5
HTML5标签属性提示的插件
## Alignment
=号自动对齐
## SFTP
SFTP工具
## Git
Git插件让你在ST3中可以直接使用Git命令,比如:git add , git commit
## jQuery
jQuery支持
## ColorPicker
通常,如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。而在 Sublime Text 中,你可以使用内置的颜色选择器。安装完成后,只要按下Ctrl / Cmd + Shift + C 快捷键
## LESS
用LESS的同学都知道,sublime没有支持less的语法高亮,所以这个插件可以帮上我们
## ConvertToUTF8
转换文件编码为utf8
## All Autocomplete
Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。
## GitGutter
Sublime Text 有了 Git 插件之后,GitGutter能直接在代码左侧显示文件之前的改动和差异,提升开发效率。
## MarkdownPreview
虽然许多开发人员更喜欢在云端(GitHub Gists,StackEdit,Markable)创建 Markdown 文件 。不过另外一些喜欢在本地编写 Markdown 文件的开发者, MarkdownPreview 很有用,可以预览文件,还有颜色高亮显示。
## AutoFileName
自动完成文件名
## ColorHighlighter
给代码加上颜色代码所表示的颜色背景
## AngularJS
AngularJS支持
## TrailingSpaces
TrailingSpaces是很好用的一款插件,可以清除代码结尾打多了几个空格或Tab,对于代码洁癖绝对是个福音
## Terminal
当你想要打开在当前文件所在的目录的终端,这个插件可以帮助你。不过,在默认情况下,它设置按 Ctrl / Cmd + Shift + T 键的快捷方式打开终端。不过这也是打开上次关闭的文件的快捷方式,你需要修改一个快捷键来兼容两个功能。
## Bootstrap 3 Snippets
Bootstrap 3 自动完成
## Nodejs
Nodejs支持
## CSSComb
使用这个工具可以帮助你重新排列CSS中定义的属性,帮助你按照你预定义的排序格式生成新的CSS。 主要特性
帮助排序CSS属性
自定义排序规则
可以处理标签 style 内的CSS属性
格式不变化
完全支持CSS2/CSS2.1/CSS3和CSS4
## Gulp
Run Gulp tasks and snippets from Sublime Text
## Dockerfile Syntax Highlighting
Dockerfile语法高亮
## Babel
Sublime3才有的插件,支持ES6、JSX语法高亮。
## DocBlockr
自动完成函数注释
## SublimeREPL
对开发者来讲这个可能是最有用的插件之一了。SublimeREPL 可以直接在编辑器中运行一个解释器,支持很多语言:
Clojure, CoffeeScript, F#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shell
## Web Inspector
在 JavaScript调试方面,这是一个令人惊讶的工具,Sublime上的完整的代码检查工具。
功能:使用绝对路径储存在用户设置中的项目断点,控制台,分步和断点调试器,栈追踪。这些都能够很棒的工作!而且Mozilla还提供了一个插件Fireplay让你连接到Firefox 开发工具和最简单的调试器JSHint
- 简介
- 环境要求
- 安装系统
- 目录结构
- 常见问题
- 基础知识
- 编辑器
- 前端规范
- 前端框架文档
- Builder教程
- Builder的来历
- ListBuilder使用
- setMetaTitle
- addTopButton
- setSearch
- addSearchItem
- setTabNav
- addTableColumn
- setTableDataList
- setTableDataListKey
- setTableDataPage
- addRightButton
- alterTableData
- setExtraHtml
- setTemplate
- FormBuilder使用
- setMetaTitle
- setTabNav
- setExtraItems
- setPostUrl
- addFormItem
- setFormData
- setExtraHtml
- setAjaxSubmit
- setTemplate
- 扩展FormBuilder
- 模块开发
- 创建模块
- 描述文件
- 模型( M )
- 模版( V )
- 控制器( C )
- API接口
- 核心模块
- 文件上传
- 微信小程序模块
- 注册登陆接口
- 钱包模块
- 统一支付
- Cms模块
- 幻灯片接口
- 文档列表接口
- 文档详情接口
- 发表评论接口
- 评论列表接口
- 收藏的文档接口
- 收藏接口
- 分类列表接口
- IM模块
- 发送消息接口
- 最近聊天列表接口
- 查询新消息接口
- 插件相关
- 短信插件
- 支付插件
- 支付宝支付
- 微信支付
- 站群模块
- 模板开发
- 准备工作
- 目录结构
- 数据调用
- 专题
- 插件开发
- 图片显示
- 获取用户信息
- 判断用户登陆
- 表单提交AjaX
- 文件上传
- 2.0兼容写法
- 模板标签
- 核心模块
- Cms模块
- 栏目分类调用
- Cordova
- 配置跨域支持
- 本地开发调试教程
- 打包成apk和ipa
- 自定义APP信息
- 常见问题
- 申请Apple开发者账户
- 多主题开发
- 新建主题
- 目录结构
- 模板变量
- 定制安装部署