Sublime 插件安装、常用配置

 

安装：sublime + 插件

• 安装Sublime：

官网：http://www.sublimetext.com/

• 安装package control组件，之后我们会使用该组件给Sublime安装常用插件：

  • 在线安装：

1. 要安装sublime插件，就必须要先启用package control面板；如果在Preferences菜单下没有Package Control菜单项，则需要打开sublime的命令行工具来开启；默认的打开sublime的console命令行快捷键是ctrl+~，如果在狂按该快捷键又没反应的话，那是因为快捷键被你的系统占用了(→_→)，修改该快捷键的步骤为：Preferences --> Key Bindings - Default --> 搜索"console"，将该行keys的值修改为："keys": ["ctrl+shift+c"]

2. 好了，一波三折，终于可以打开console了，如图：

3. 在该console窗口复制-粘贴这段代码，回车执行：

 

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

下面是Sublime 2 的代码： 

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

 

4. 重启sublime，如果在Preferences下又Package Control则表明安装成功；

• • 手动下载安装（不推荐）：https://packagecontrol.io/installation

• 安装Emmet插件：

  • 说明：快速开发 HTML CSS 的 Zen Coding 解决方案
  • GitHub地址：https://github.com/sergeche/emmet-sublime
  • Ctrl+ Shift + P调出Package Control面板 --> 输入"install"，回车选install package --> 在出来的插件搜索面板输入"emmet"，回车安装，sublime左下角会显示安装状态；

• 安装JQuery插件，如果你需要的话：

  • Ctrl+ Shift + P调出Package Control面板 --> 输入"install"，回车选install package --> 在出来的插件搜索面板输入"jquery"，回车安装，sublime左下角会显示安装状态；

• 安装CSS自动补全插件：

  • Ctrl+ Shift + P调出Package Control面板 --> 输入"install"，回车选install package --> 在出来的插件搜索面板输入"prefixr"，回车安装，sublime左下角会显示安装状态；

• 安装jsFormat插件，如果需要的话：

  • Ctrl+ Shift + P调出Package Control面板 --> 输入"install"，回车选install package --> 在出来的插件搜索面板输入"jsFormat"，回车安装，sublime左下角会显示安装状态；

• 安装js注释插件：

  • Ctrl+ Shift + P调出Package Control面板 --> 输入"install"，回车选install package --> 在出来的插件搜索面板输入"docblockr"，回车安装，sublime左下角会显示安装状态；

• 安装Git插件：

  • Ctrl+ Shift + P调出Package Control面板 --> 输入"install"，回车选install package --> 在出来的插件搜索面板输入"git"，回车安装，sublime左下角会显示安装状态；

• 安装all autocomplete 增强插件：

  • Ctrl+ Shift + P调出Package Control面板 --> 输入"install"，回车选install package --> 在出来的插件搜索面板输入"all autocomplete"，回车安装，sublime左下角会显示安装状态；

• 安装colorpicker增强插件：

  • Ctrl+ Shift + P调出Package Control面板 --> 输入"install"，回车选install package --> 在出来的插件搜索面板输入"colorpicker"，回车安装，sublime左下角会显示安装状态；

• 安装markdownediting插件：

  • Ctrl+ Shift + P调出Package Control面板 --> 输入"install"，回车选install package --> 在出来的插件搜索面板输入"markdownediting"，回车安装，sublime左下角会显示安装状态；

配置：常用快捷键（类似eclipse）

删除当前行：

修改为ctrl+d：Preferences --> Key Bindings - Default --> 搜索"ctrl+shift+k"，将该行keys的值修改为："keys": ["ctrl+d"]

将之前的ctrl+d快捷键修改成其他的：Preferences --> Key Bindings - Default --> 搜索"ctrl+d"，将该行keys的值修改为："keys": ["ctrl+shift+f"]

更改主题：

个人比较喜欢LAZY这套，因为不喜欢黑色的背景：Preferences --> Color Schema --> LAZY

常用操作：

分屏：

即一次看多个文件：View  Layout  然后选择你想要的布局；

文件夹结构视图：

sublime可以直接拖进一个文件夹放进sublime，之后该文件夹会自动以树状图的方式显示在左侧，这对于开发开说简直太靓了（不知道Notepad++有没有这个功能）：在直接拖动一个文件夹扔到sublime