因为一开始学习前端知识一直都是在慕课网,所以这次准备学习下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

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

[Angularjs-学习笔记]工具篇的更多相关文章

  1. Cesium学习笔记-工具篇20-PrimitiveTexture自定义渲染-贴图【转】

    前几篇博客我们了解了自定义点.线.面绘制,这篇我们接着学习cesium自定义纹理贴图.我们完成点线面的绘制,只是绘制出了对象的框架,没有逼真的外观.逼真外观是需要设置材质来实现:Material . ...

  2. angularjs学习笔记—工具方法

    angular.bind(self, fn, args) 作用:返回一个新的函数,绑定这个函数的this指向self 参数: self:新函数的上下文对象 fn:需要绑定的函数 args:传递给函数的 ...

  3. AngularJs学习笔记--bootstrap

    AngularJs学习笔记系列第一篇,希望我可以坚持写下去.本文内容主要来自 http://docs.angularjs.org/guide/ 文档的内容,但也加入些许自己的理解与尝试结果. 一.总括 ...

  4. AngularJs学习笔记--concepts(概念)

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/concepts 继续.. 一.总括 本文主要是angular组件(components)的概览,并说明 ...

  5. AngularJS学习笔记2——AngularJS的初始化

    本文主要介绍AngularJS的自动初始化以及在必要的适合如何手动初始化. Angular <script> Tag 下面通过一小段代码来介绍推荐的自动初始化过程: <!doctyp ...

  6. 数据库MySQL学习笔记高级篇

    数据库MySQL学习笔记高级篇 写在前面 学习链接:数据库 MySQL 视频教程全集 1. mysql的架构介绍 mysql简介 概述 高级Mysql 完整的mysql优化需要很深的功底,大公司甚至有 ...

  7. AngularJs学习笔记--Forms

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/forms 控件(input.select.textarea)是用户输入数据的一种方式.Form(表单) ...

  8. AngularJs学习笔记--expression

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/expression 表达式(Expressions)是类Javascript的代码片段,通常放置在绑定 ...

  9. AngularJs学习笔记--directive

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/directive Directive是教HTML玩一些新把戏的途径.在DOM编译期间,directiv ...

  10. AngularJs学习笔记--Guide教程系列文章索引

    在很久很久以前,一位前辈向我推荐AngularJs.但当时我没有好好学习,仅仅是讲文档浏览了一次.后来觉醒了……于是下定决心好好理解这系列的文档,并意译出来(英文水平不足……不能说是翻译,有些实在是看 ...

随机推荐

  1. MYSQL limit用法

    1.Mysql的limit用法 在我们使用查询语句的时候,经常要返回前几条或者中间某几行数据,这个时候怎么办呢?不用担心,mysql已经为我们提供了这样一个功能. SELECT * FROM tabl ...

  2. POJ 2482 Stars in Your Window (线段树区间合并+扫描线)

    这题开始一直被矩形框束缚了,想法一直都是枚举线,但是这样枚举都需要O(n^2)...但是看了别人的思路,感觉这题思想真心很好(PS:开头好浪漫的描述啊,可惜并没有什么用)  题意就是在平面上给你一些星 ...

  3. HTTP 指纹识别v0.1

    // Winhttp.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <Windows.h> #include ...

  4. vue.js计算属性 vs methods

    计算属性:Vue.js 模板内的表达式非常便利,但是缺点就是只能用于简单的运算,如果模板中有太多的逻辑运算会让模板不堪重负且难以维护.恰恰计算属性可以处理复杂的逻辑运算,也就是说对于任何复杂逻辑你都应 ...

  5. django 之补充

     在dos命令行中输入 pip 如下命令进行安装:     安装最新的版本的 Django 命令如下:     pip install django   安装 指定版本的 Django 命令如下:   ...

  6. Python显示百分比

    print(format(a/b,'.2%')) 显示两位小数的百分比显示

  7. UGUI加载图片优化方法之一:打包成图集

    打包后的: 直接改变sprite中的packing tag,相同的packing tag就是同一张图集中的.改完运行会自动帮你打包

  8. Unity 3D 离线协议

    在联网状态下,获得离线协议,然后导入到Untiy的协议管理器里. 以后在断网的情况下,也能离线使用Unity. 步骤: 1.生成 Request 文件.(Unity_v5.3.1f1.alf) 1) ...

  9. RK30SDK系统重启源码分析

    Linux系统重启的最底层函数是arch_reset,这是一个全局的函数指针变量,定义在 arch/arm/mach-rk30/include/mach/system.h中: extern void ...

  10. (转)android webview用法小结

    原文地址:http://blog.csdn.net/ethan_xue/article/details/7841431 将webview里常用的东西拿出来分享下 想要webview加载页面,只需web ...