前端开发工具Brackets介绍，安装及安装Emme插件时踩过的坑

　　对于前端开发的园友来讲有可能IDE工具备不少，层次不穷，还有每一个人的喜爱及习惯也不同，由于我是一名后端开发的.Net程序员，可是你们都知道，如今都提倡什么全栈工程师，因此也得会点前端开发，因此我对于前端来讲多是个菜鸟，大神绕过，勿喷！我刚接触程序，开发网站时主要用Dreamweaver，后来也用过WebStorm和Sublime2，不过在学习Bootstrap3的时候偶然的机会接触到Brackets就我的比较喜欢他，就不想用别的IDE了，我这里不作这些工具的比较，说哪个更好，我以为各有所爱吧，只要本身用着顺手便可；
　　Brackets 介绍

　　Brackets 是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)。该项目由 Adobe建立和维护，根据MIT许可证发布，支持 Windows、Linux 以及 OS X 平台。
　　Brackets 的特色是简约、优雅、快捷！它没有不少的视图或者面板，也没太多花哨的功能，它的核心目标是减小在开发过程当中那些效率低下的重复性工做，例如浏览器刷新，修改元素的样式，搜索功能等等。和他有可能跟别的通用代码编辑器不同，Brackets 是专门针对 WEB 前端开发而生，因此专一，还有一个我比较喜欢的地方他虽然没有不少花哨的功能，可是它在Github上有不少插件，你能够拿过来直接用便可，可让你的Brackets很强大，能屈能伸；

       Brackets 下载地址：

　　官网：　　https://github.com/adobe/brackets/releases/download/release-1.10/Brackets.Release.1.10.msi

       百度网盘：http://pan.baidu.com/s/1min5dOk

      Brackets安装：一路下一步便可；

      Brackets工具界面：

     

上面图只是简单展现了一下行内快速编辑功能，就是好比在当前页面引用的js或者css等代码，在当前行上ctrl+e便可在当前行下面把相关代码调出来，直接修改，不用去在引用页面去修改，这个我以为太方便了；还有不少换肤、不用刷新浏览器既能够作到实时预览等不少功能，各位能够本身去玩一玩！我上面我提到他能够支持不少插件，其中我今天重点提到的时Emmet插件，有可能不少朋友都用过，或许在别的IDE里使用过，Bracket和Emmet配合写前端更顺手了；Emmet下载地址：https://emmet.io/download/；

　　

 

　上图能够看出他支持的IDE不少，使用别IDE的朋友能够试试，这个会让你开发前端很方便；

    bruckets安装Emmet插件：

      安装过程很简单，有三种方法：第一种为从github上把下载连接复制上粘贴到brucket插件里；

第二种方法：从github上下载zip压缩包，直接拖到相应位置便可

第三种方法为：直接找到插件安装目录（帮助->显示扩展目录->user）把下载的压缩包放进去就能够,下面图是我安装的插件目录，从图上能够看出我安装了Brucket-Emmet；

 

    安装完成之后能够试试他的威力了，想验证的话建立一个页面输入！而后按Tab键是否有代码就能够，Emmet的详细使用规则及使用方法-我这里就推荐一个文章，你们能够去看看：http://www.iteye.com/news/27580，若是没效果的话检查一下插件配置是否正常；

第一步查看node_modules文件夹是否存在，没有的话得安装nodejs，而后把nodejs的该目录复制到该目录路下，通常经过最新版的Brucket插件安装，不是直接复制进去的话会有，nodejs安装这里就不写了；

第二部查看该node_modules下的emmet下的lib文件夹中是否缺乏配置json文件；

这两步配置好之后就能正常使用了，我这里为了避免让园友走弯路，我把相关的插件及配置后的文件都分享到个人百度网盘中，你们直接放到你的插件按目录下便可；

插件下载地址：http://pan.baidu.com/s/1c2gZL0O

但愿能帮助到各位园友，今天就这样吧；