Sublime text 3常用插件安装
话不多说,直接让我们来安装吧!!!
第一步:安装Sublime Text 3。安装网址:http://www.sublimetext.com/3
第二步:使用Package Control组件安装系列插件。
1. 使用快捷键 Ctrl+` 显示出console.
2. 粘贴以下代码到底部命令行,回车.
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())
3. 重启 Sublime Text 3.
4. 若在 Preferences 中的 package settings 一项中看到package control 这一项,则表示此项安装成功。
第三步:利用Package Control安装插件方法
+ 使用快捷键 Ctrl+Shift+P 弹出一个命令窗口。
+ 输入install,双击选择Install package选项,然后输入想下载的插件。
接下来,我们就来一个一个安装吧!!!
1. 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
2. Emmet (一种快速编译 Html 和 CSS 的方法)
例如:输入 div>ul.test*2>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>
3. ColorPicker (颜色选择器)
使用快捷键 `Ctrl+shift+C` ,弹出颜色面板,选色即可。
4. 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页面的快捷键啦!!! (记得打开之前要先保存哦!)
5. AutoFileName
自动提示文件链接名或图片选取链接,便于快捷输入
6. JavaScript Completions
一种编写js代码时的提示插件
7. Bracket Highlighter
匹配各种配对的语法符号,如(),{},[],"",''等,适用于代码较多的时候!
8. Sass
sublime text 3 支持sass文件
9. jQuery
sublime text 3 支持jQuery文件
10. Alignment
代码对齐,比如js中写了很多变量,选中这几行,使用快捷键 `Ctrl+Alt+A` ,就可以全部对齐,很神奇哟!
小伙伴们赶紧去试试吧!!!