理想主义,JavaScript 实用主义[1]--理想的开发环境

on 2011-7-9 in 博文摘选 | 0 Comment
JavaScript在现在的Web开发中扮演者越来越重要的角色，这里分享一些实用的经验。从开发环境说起

IDE：

Visual Studio 强大的JavaScript智能提示、断点调试功能使它成为.Net开发者的首选。
Intellij IDEA  Java平台强大的编辑器，JetBrains公司出品，这个公司还出品了大名鼎鼎的ReShaper。IDEA是一个支持多语言的IDE，通过扩展你可以让它支持更多的语言，甚至是你自己的开发语言。有一点，它的智能提示也是丝毫不比VS逊色。它还是我现在最喜欢的php编辑器。

Debug：

Visual Studio
VS支持断点调试，你可以使用IE或VS的内置浏览器，如果你的默认浏览器不是IE或VS内置浏览器，可以这样设置
SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
SNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
选择IE或内置浏览器，点击设置默认值,OK.
然后你可以像C#中那样添加断点
imageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
F5 开始调试
imageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
然后你可以查看运行时的信息
imageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
或执行动态语句
imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
改变变量的值
SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
SNAGHTML3a8121SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
很好用。
 
Firebug
最著名的前端调试工具吧，查看运行时源码，修改CSS，查看网络通信代码，JavaScript也是非常强大，一目了然。
imageSNAGHTML3a8121SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
IE F12
F12，很直接的名字，IE8之后你敲F12键就会看到这个工具。
SNAGHTML4388ee[6]imageSNAGHTML3a8121SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
imageSNAGHTML4388ee[6]imageSNAGHTML3a8121SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
启用调试之后，就可以添加断点了。
imageimageSNAGHTML4388ee[6]imageSNAGHTML3a8121SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
右侧是控制台等等
SNAGHTML477993imageimageSNAGHTML4388ee[6]imageSNAGHTML3a8121SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
Chrome 开发者工具
迅速提高的开发者工具，友好的界面强大的功能，特别是对HTML5特性的支持使它越来越受瞩目(我在后面的随笔中将会一直使用它)。
SNAGHTML5012f5SNAGHTML477993imageimageSNAGHTML4388ee[6]imageSNAGHTML3a8121SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
右击网页中的任何地点，选择审查元素，或按快捷键Ctrl+Shift+I打开它，在Script tab中进行调试
SNAGHTML53871bSNAGHTML5012f5SNAGHTML477993imageimageSNAGHTML4388ee[6]imageSNAGHTML3a8121SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
右侧是局部变量，Call Stack等等，下方是控制台，具有很好的代码提示功能
imageSNAGHTML53871bSNAGHTML5012f5SNAGHTML477993imageimageSNAGHTML4388ee[6]imageSNAGHTML3a8121SNAGHTML3a0148SNAGHTML388890imageimageimageimageSNAGHTML3d4866SNAGHTML3ca988JavaScript 实用主义[1]--理想的开发环境理想主义
好，装备都已就绪，进军JavaScript！
待续。。。
Tags:  理想主义猜度 理想主义者 实用主义 理想主义

延伸阅读

最新评论

发表评论