Sublime text 3常用插件安装
话不多说,直接让我们来安装吧!!!
第一步:安装Sublime Text 3。安装网址:http://www.sublimetext.com/3
第二步:使用Package Control组件安装系列插件。
- 使用快捷键 Ctrl+` 显示出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 Text 3.
- 若在 Preferences 中的 package settings 一项中看到package control 这一项,则表示此项安装成功。
第三步:利用Package Control安装插件方法
- 使用快捷键 Ctrl+Shift+P 弹出一个命令窗口。
- 输入install,双击选择Install package选项,然后输入想下载的插件。
接下来,我们就来一个一个安装吧!!!
- SublimeTmpl (sublime默认的快捷键)
Ctrl+Alt+H ——> html
Ctrl+Alt+J ——> javascript
Ctrl+Alt+C ——> css
Ctrl+Alt+P ——> php
Ctrl+Alt+R ——> ruby
Ctrl+Alt+Shift+P ——> python
- Emmet (一种快速编译 Html 和 CSS 的方法)
例如:输入 div>ul.test2>li{demo$}3 按下 tab 键,将会自动生成如下代码:
<div>
<ul class="test">
<li>demo1</li>
<li>demo2</li>
<li>demo3</li>
</ul>
<ul class="test">
<li>demo1</li>
<li>demo2</li>
<li>demo3</li>
</ul>
</div>
- ColorPicker (颜色选择器)
使用快捷键Ctrl+shift+C
,弹出颜色面板,选色即可。 - View In Browser (在浏览器中快速打开html文件)
安装之后,设置快捷键。
打开菜单栏Preferences中的Key Bindings-User,
打开Default (Windows).sublime-keymap文件编辑
内容如下就ok啦:
{ "keys": ["ctrl+alt+f"], "command": "open_in_browser" },
Ctrl+alt+f
就是你以后快速打开html页面的快捷键啦!!! (记得打开之前要先保存哦!)
- AutoFileName
自动提示文件链接名或图片选取链接,便于快捷输入 - JavaScript Completions
一种编写js代码时的提示插件 - Bracket Highlighter
匹配各种配对的语法符号,如(),{},[],””,”等,适用于代码较多的时候! - Sass
- text 3 支持sass文件
- jQuery
- text 3 支持jQuery文件
- Alignment
代码对齐,比如js中写了很多变量,选中这几行,使用快捷键Ctrl+Alt+A
,就可以全部对齐,很神奇哟!
小伙伴们赶紧去试试吧!!!