书写全新的nodejs+angularjs应用，是时候更新工具了！

发布于 作者:

磨刀不误砍柴工。在开发云平台时的参考方案。

一. 一个完整的Nodejs+angularjs的基础架构

参考demo:

  • https://github.com/zhangdiwaa/sailsjs-angularjs-bootstrap-example
  • https://github.com/levid/angular-sails-socketio-mongo-demo

以上两个demo可以结合使用，最终方案包含：

  1. mongoDB：文档型数据库，目前最火最灵活的nosql数据
  2. nodejs：服务器程序
  3. Socket.io：WebSockets类库
  4. sailsjs：后端框架
  5. Passport：一个基于nodejs的用户验证组件
  6. angularjs：前端全局框架
  7. jquery-ui-bootstrap UI类库
  8. bootstrap 3 样式框架
  9. requirejs： AMD模式JS调用模块
  10.  Jade Templates  html简写类库
  11. boilerplate html5模版
  12. grunt 自动化脚手架
  13.  D3 SVG可视化类库

二. IDE：webstorm

 

我开发使用的IDE，最早是eclipse, 然后是zend studio, 再然后是netbean，最近两年一直在用aptana studio和subline.

今天试用了一下号称javascript开发神器的webstorm，看看这货到底有多神。

结论是，确实是神器！赶紧不要再等了！立即上webstorm！

好处简单地罗列如下：

  1. 神级的代码补全，超多类库支持（包括angularjs）
  2. 更新非常快，支持业界最新技术，包括nodejs, coffeescript, emmet等等 ，可以自动编译less、coffee等文件
  3. 史诗级代码重构工具，例如文件重命名时自动更新全部引用，自动把内联的css代码移到外部的CSS文件中去等等，用了就完全停不下来！
  4. 可以搜索的设置项 and so on

....

在知乎上有个讨论，内容是“webstorm有何过人之处”，大家可以参考。

美中不足是这货是收费的，最新版本8.0.3个人版49美刀，有三十天试用期。虽然我知道大多数童鞋都会去搜索注册码的。

三. angularjs的开发人员工具，batarang

batarang是一个chrome的扩展程序，帮助进行基于angularjs的web开发。安装好了以后，在chrome的F12开发人员工具中会出现一个angularjs的选项卡，在其中可以详细查看页面中$model对象，查看嵌套关系，作用域，表达式的性能，服务的依赖关系，甚至可以实时修改并观察反映。总之，用angularjs不可多得的神器。

这个东东请大家去google的chrome应用商店去搜索下载。https://chrome.google.com/webstore/category/extensions?hl=zh-CN

类似的，ember，grunt，coffeescript，backbone也有类似的应用，如上图所示。