sublime3前端配置大全

安装插件管理器

ctrl+` 打开调试窗口，在输入框内粘贴如下代码，然后回车即可自动安装

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

使用方法：工具栏 Preferences – Package Control ，插件的安装卸载都可以在这里操作。

---

安装前端开发技能包

Emmet，前端神器

AutoPrefixer，浏览器私有属性前缀补全 (Node.js依赖)

ColorConvert，RGBA颜色转换，十六进制颜色转换为RGBA颜色

Better Completion，全能代码提示

LiveStyle，双向更改无刷新实时预览 , 包含chrome插件 Emmet LiveStyle

jQuery，jQuery 代码提示（Better Completion已可替代此插件）

*Sass以及SASS Build，使用Sass必备，ctrl+b执行编译

ChineseLocalization ， 完全汉化插件

Monokai 主题

HTML5，HTML5标签拓展

JsFormat，javascript格式化

CSS Format，CSS格式化

html-css-js-Prettify，HTML格式化 下面详细配置

Brackethighlighter，标签对标记

SideBarEnhancements ，快速打开浏览器 下里面详细配置

BufferScroll，代码折叠状态保留

StyleToken , 标记颜色代码

---

Sublime CSS3兼容前缀自动补全autoprefixer插件安装方法

用这个写css简直美滋滋，哈哈哈

1. autoprefixer插件需要node.js的支持，所有使用前需要先安装node.js

    node安装方法就很多了，可以官网下载，也可以360和电脑管家！！

2. sublime安装autoprefixer插件

    使用 Package Control，安装Autoprefixer，然后重启 Sublime Text

3.设置快捷键

    选择菜单Preferences > Key Bindings – User

加上这两行，配置完成

                    {

                        "keys": ["ctrl+alt+p"],

                        "command": "autoprefixer"

                    }

4.兼容IE、firefox和opera

选择菜单：Preferences > Package Settings > Autoprefixer > Settings - User

"browsers": ["last 2 version", "> 0.1%", "> 5% in US", "ie 6-8","Firefox < 20"]

5.看效果

按ctrl+alt+p

美滋滋

---

html-css-js-Prettify  

改成自己的node位置

SideBarEnhancements

 

自定义快捷键，底下的路径要写对

---

sublime开发基本配置就是这些了！ 朋友们可以帮忙补充一些，谢谢！！！