前端神器Sublime Text3 常用插件&常用快捷键

时间:2023-03-08 19:15:31
前端神器Sublime Text3 常用插件&常用快捷键

Sublime Text3常用插件

使用Package Control组件安装

也可以安装package control组件,然后直接在线安装:

    1. 按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)
    2. 粘贴以下代码到底部命令行并回车:
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())
  1. 重启Sublime Text 3。
  2. 如果在Perferences->package settings中看到package control这一项,则安装成功。

顺便贴下Sublime Text2 的代码

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')

如果这种方法不能安装成功,可以到这里下载文件手动安装

用Package Control安装插件的方法:

  1. 按下Ctrl+Shift+P调出命令面板
  2. 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

不爽的是,有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙,而Sublime Text 2貌似无法设置代理,可能就获取不到安装包列表了。

Emmet

jQuery

Prefixr

BracketHighlighter

LESS & Sass

Sublime Text3常用快捷键

Ctrl+Shift+P:打开命令面板
Ctrl+P:搜索项目中的文件
Ctrl+D:选择单词,重复可增加选择下一个相同的单词
Ctrl+F:查找内容
Ctrl+H:替换
Ctrl+R:前往 method
Ctrl+X:删除当前行
Ctrl+M:跳转到对应括号
Ctrl+L:选择行,重复可依次增加选择下一行
Ctrl+K+B:开关侧栏
Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身
按Ctrl+Shift+上下键,可替换行
Tab 向右缩进。
Shift+Tab 向左缩进。
Ctrl+/ 注释单行。
Ctrl+Shift+/ 注释多行。
Ctrl+← 向左单位性地移动光标,快速移动光标。
Ctrl+→ 向右单位性地移动光标,快速移动光标。
按Ctrl,依次点击或选取,可需要编辑的多个位置

Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。
Ctrl+Shift+[ 选中代码,按下快捷键,折叠代码。
Ctrl+Shift+] 选中代码,按下快捷键,展开代码。
Ctrl+K+K 从光标处开始删除代码至行尾。
Ctrl+Shift+K 删除整行。