安装: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窗口复制-粘贴这段代码,回车执行:
1 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 的代码:
1 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