因为一开始学习前端知识一直都是在慕课网,所以这次准备学习下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
最后,大家在使用这些工具的时候,可以把这些调用的命令全部集中放到一个文档,可以随时拷贝使用。