[Angularjs-学习笔记]工具篇

因为一开始学习前端知识一直都是在慕课网，所以这次准备学习下angularjs等了好久，终于慕课网出了angularjs的内容，于是准备开始跟着老师的步骤进行学习。

大漠老师关于开发工具的内容讲得比较快，对于其中前端常用的工具也只是简单了介绍了下。这里需要学员自己根据具体情况，选择自己需要的工具。同时，需要学员自己花额外的功夫来熟悉使用它们。

就我们公司而言，这些工具，除了NPM这个平台以外，其他都没用到。因为项目是在太小了，没有必要上这些复杂的东西。但是本着学习的态度，可以都看一看。

另外说一句，这些内容其实网上都有，我只是进行了收集归纳。换句话说，我只是这些内容的搬运工，感谢那些原创者辛勤的付出！

一、代码编辑工具-sublime-text2

这个编辑工具很轻量，对于电脑不是很得力的程序员来说，这是一个不错的选择。只是需要记住它只是一个编辑工具，跟IDE相比，它的功能很弱。虽然，我们可以通过插件将它的功能丰富起来。下面是我收集的相关的链接。

我现在在用的插件：

1、Package Control 专门用来管理sublime插件的插件。

参考：http://www.imjeff.cn/blog/62/

2、Bracket Highlighter 匹配括号引号之类的

参考：https://segmentfault.com/a/1190000000437871

3、Zen Coding（Emmet）

参考：一种快速编写HTML/CSS代码的方法 http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code/

Sublime Text2 新建文件快速生成Html头部信息和炫酷的代码补全 http://www.cnblogs.com/freeyiyi1993/p/3629905.html

4、AngularJS-sublime angularjs的补全提示，初学者还是比较有作用。但是设置比较麻烦。需要的同学参考插件的说明书，一步步操作。

参考：https://github.com/angular-ui/AngularJS-sublime-package

二、断点调试工具Batarang

参考：http://jingyan.baidu.com/article/f00622283d7ac5fbd3f0c83d.html

三、版本管理工具git

公司使用的版本工具是svn。这个git我自己一个人玩的话，很少会去用，只是装着熟悉而已。大家可以看需要与否，选择安装。

参考：http://www.360doc.com/content/15/0302/19/12144668_452042045.shtml

四、开发和调试工具NodeJs-NPM

这里主要讲的NPM平台，在这个平台上安装插件。

参考：http://www.jb51.net/article/50669.htm

nodejs命令 http://www.cnblogs.com/linjiqin/p/3765772.html

五、代码合并和混淆工具grunt

还没有正式用到过项目里面，只是自己玩玩，貌似还不错。

参考：30分钟学会使用grunt打包前端代码 http://www.cnblogs.com/yexiaochai/p/3594561.html

六、依赖管理工具Bower

没装，还没去研究。主要还是项目小，感觉没必要使用这个东西。

七、轻量级Server http-server

这个还是比较有趣的，值得使用，安装非常简单。关键作用在于，它可以在命令窗口提示你一些错误。对于我这样的新手来说，使用angularjs总是会出现一些莫名其妙的错误。尤其是缺少文件那种。

参考：http://www.cnblogs.com/lucker/p/4108838.html

八、单元测试工具Kamar+Jasmine+protractor

参考：http://www.360doc.com/content/15/0423/18/21412_465488187.shtml

最后，大家在使用这些工具的时候，可以把这些调用的命令全部集中放到一个文档，可以随时拷贝使用。

巴特西