IDE工具-Sublime Text3

Sublime Text3 准备阶段

下载Sublime Text3并完成安装
打开Sublime，安装PackageControl

可通过快捷键：ctrl+` 或目录打开View > Show Console

将以下代码粘贴，安装完成后重启Sublime即可

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 Text3 PackageControl 说明

Sublime Text常见快捷操作

Ctrl + P ：Goto Anything - 可以去到任意文件，文件内部导航（使用@），文件的具体位置（文件+@）

Ctrl + Shift + D ：复制一行

Alt + Shift + W ：包裹元素

Ctrl+Shift+" ：选择一对标签

Ctrl + Enter ：当前行下生成一行

Ctrl + Shift + Enter ：当前行上生成一行

Ctrl + [ ：减少缩进

Ctrl + ] ：增加缩进

Ctrl + Shift + V ：带缩进粘贴

Alt + . ：关闭标签--->用Emmet比较好，可搜索Emmet学习相关语法

Ctrl + Shift + P ：命令模式

设置语法模式（set syntax）
安装插件（Install Package）官方插件
隐藏显示minimap（Toggle Minimap）

多行游标的四种方式

Ctrl + D，Ctrl + D 重复选择，Ctrl + K，Ctrl + D可以跳过一个
Ctrl + D，Alt + F3 多选
Ctrl + A，Ctrl + Shift + L 多选
光标所在位置，按下Shift并拖动鼠标右键

插件推荐

Emmet
Emmet的前身是大名鼎鼎的Zen coding，它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度,从事Web前端开发必备品

DocBlockr
更好更方便的注释

CSS3
CSS3语法高亮、CSS语法提示，美中不足的是缺少游览器私有属性高亮

CSS Extended Completions
关联CSS文件，智能提示css文件中的类名，非常好用。

JavaScript Completions
支持javascript原生语法提示

ColorPicker
如果我们需要一个调色盘的时候，我们习惯使用Photoshop或是Gimp。但是一个完整的选色工具可以直接在你的编辑器中使用- Ctrl/Cmd + Shift + C

BracketHighlighter
括号以及标签层级显示，一目了然

HTML-CSS-JS Prettify
THML、CSS、JS代码格式化，压缩过后的代码可以通过该工具复原

jQuery
如题所示，不解释了

AdvancedNewFile
可以配置新建文件的附属文件，直接生成一个工程都可以，比起原本的Ctrl + N简直不要好用太多

JavaScript & NodeJS Snippets
JavaScript & NodeJS Snippets插件可以帮助你在编写Node.js代码时给出提示和代码补全

SideBarEnhancements
右键菜单增强插件

AutoFileName
自动补全文件路径

SublimeLinter
用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言

PlainTasks
待办事项表。所有的任务都保持在文件中，所以可以很方便的把任务和项目绑定在一起。可以创建项目，贴标签，设置日期

插件官网

关于Emmet插件Tab键失效的四种可尝试方法##

查看右下角文件格式，确保已做好正确设置
使用Ctrl + E
将输入法切换至英语（美式键盘）后尝试
重新下载对应版本PyV8并覆盖原有PyV8