前端开发 sublime text 常用插件和配置

前端开发sublimeconfig

mac配置

此文件目录中文件主要是关于sublime的插件配置，快捷键配置，主题和字体配置。

插件列表

所有插件都可以使用Package Control安装，具体的安装方法可以自行谷歌安装，不在本文的介绍范围之内。也可以是使用git 手动安装。

1.autoprefixer

该插件主要使编写css更加的方便和快捷，可以配置快捷键给标签属性添加浏览器厂商前缀。安装前需要确定电脑安装node。

配置快捷键如下：

    //autoprefixer快捷键设置
    { "keys": ["command+alt+p"], "command": "autoprefixer" }

具体配置和文档请参看官方文档

比如我在编写 CSS 的时候是不用关心哪些属性是需要添加厂商前缀的，当我需要保存测试的时候，只需要按下快捷键，该插件会自动给需要添加厂商前缀的属性添加前缀，如下：

{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
}

当然该插件也可以加入到自己开发项目的自动化工具中去，比如：Gulp ，Grunt

2.babel

ES6终将是要取代 ES5 的但是在从 ES5 到 ES6 过度的过程中，各个浏览器厂商对 ES6 支持的也不是很好。
主要是将ES6的代码编译为ES5。至于为什么要这么做，不是本文的内容，可以自行谷歌了解。

3.Better Completion