我开始使用样本sencha应用程序。我发现很难在我的代码中找到拼写错误和错误。
我在编码过程中添加了自动完成的eclipse插件。但它的试用版就像sencha架构师一样。我真的很困惑应该如何开发sencha应用程序。
我想了解sencha开发人员正在使用的工具,以便我可以有效地部署和调试。
提前致谢。
答案 0 :(得分:2)
开发应用程序时的工作流程/工具选择是一个主观问题,因此我将谈谈我的经历,去年曾是Sencha Touch开发人员。
我发现很难在我的代码中找到拼写错误和错误。 ... 我真的很困惑应该如何开发sencha应用程序。
在我看来,这不是工具问题。 Sencha Touch具有不可避免的陡峭学习曲线。你应该从简单的例子开始,当你有特定的编程问题时,你可以问这里(我个人发现Sencha Touch论坛没有stackoverflow那么有用)。
最重要的是理解基本概念:
此外,所有these guides都非常有用,请确保您了解它们并学会使用Sencha Docs,它们定义了一些模糊的,未解释的属性,但在开发Sencha Touch时仍应是您的主要资源应用
调试总是很棘手,遗憾的是,有时在组件上设置错误的属性,或者误解组件的工作方式,最终会出现一些模糊的var is not defined
错误。当发生这种情况时,不要害怕检查Sencha Touch源代码,代码写得很好并且通常很容易理解。
这里使用的工具再次是Sencha Touch Docs(当悬停在类标题上时,您可以直接检查其源代码,以及浏览器调试控制台。使用频繁的console.debug()
消息,并在框架内发生奇怪的事情时类停止执行debugger;
并执行源代码。
现在回到你的问题:我一直在使用以下工具:
IDE是个人选择的问题,Netbeans有一些不错的Javascript建议:它在使用时突出显示变量,但未在当前范围中定义,或已定义但未使用,这确实有助于打击拼写错误。它在内存使用方面非常繁重。我想Eclipse,或者更轻的Eclipse也可能同样好。
如果您使用的是Windows,他们的DevTools非常出色,确保掌握它们,Chrome将是您的主要工作工具。再一次:很多RAM都有帮助。
Ripple是一个非常宝贵的扩展,允许您在不同的设备上测试您的移动应用程序,如果您使用Phonegap进行本机部署,它会在浏览器上模拟其部分API。
Compass是Sencha建议编译sass文件的工具。有关如何在Sencha Docs上设置指南针的详细教程。
我一直在使用Sencha Command,但这并不是绝对必要的,如果你不关心资源缩小(但你应该),你不会错过很多。如果您正在开发本机应用程序,则可以通过将html / js / css资源复制到Phonegap项目的assets文件夹的简单shell脚本来弥补Sencha Command部署功能的缺失。
另一个脚本在启动时会在compass watch
文件夹上自动激活/resources/sass
,以避免每次都手动执行此操作。
只是我的两分钱,希望它有所帮助。
答案 1 :(得分:2)
Anubis覆盖了手中编码Sencha Touch的大部分蜜蜂膝盖。
我想在小猫咪中添加几美分。
我个人对IDE的偏好是Sublime Text。在整个代码项目中搜索任何内容,我没有看到效果和速度相等。您可以自定义所有内容 - 尤其是颜色和键绑定。它还有一些可笑的插件,包括与Chrome以及Github相关的工作。
Miami Coder Tutorials - 大量实用教程,可帮助您比大多数其他指南更快地了解开发模式。非常适合初学者。
Figleaf Training可能有点不同寻常,但是学习Sencha Touch的几乎所有功能都是非常自由的。非常适合初学者。
Druck IT - 完整的指南和ST信息集合。链接到许多其他有用的网站,如列出的这些网站。
Mitchell Simoens - 米切尔是Sencha的工作人员,质量编码员,他的网站有一些很好的建议和片段来帮助学习。这是您真正学习如何编码ST的地方。帮助掌握,但主要是中等+知识。
Ladysign - Sencha Trainers之一。有内容清除“如何”在许多方面其他网站和书籍从未提及。质量信息。这些信息将使您掌握基本知识并充实您的知识和理解。
Modus Create - 杰伊加西亚是ST的开发者之一。 Modus Create是他的企业,在博客中包含一些有用的指南。
Custom Font Icons - 2.2的完整指南。非常有用。
还有一些其他网站是关于如何专业地编码ST的信息的令人难以置信的花絮来源。上面的这些链接将极大地帮助。 最重要的是,阅读源代码。它有很好的文档记录,并且本身就是如何使用代码的一个例子。我以这种方式学到了可笑的数量。
使用Grunt!这将自动完成您想要做的绝大多数事情。例如,在命令行中键入“grunt”可以jshint / jslint你的代码,连接所有.js文件,所有css文件在一起(包括所有指南针欢乐),混淆,压缩,运行一套全面的单元测试(特别是Phantom),输出到所需位置,然后通过刷新浏览器窗口在顶部添加樱桃。添加grunt watch插件,每次将文件保存在已定义的目录中时都会这样做。代码中的任何错误 - 您可以获得准确的特定行号。
grunt的美妙之处在于可选的备用命令行用于不同的任务。此外,您可以在几KB的package.json文件中指定您希望与您创建的gruntfile一起使用的插件的精确列表,从而节省兆字节的文件传输。 NPM可以处理该文件,并下载并安装所有操作所需的文件。在另一台计算机上进行快速设置。
旁注:Touch Node已经成熟。这允许所有ST的类结构开发您的服务器端javascript。
Sencha Cmd(最后)确实在收集完整库中的依赖类方面做得不错。
使用适用于ST和ExtJS的Matt Goldspink's grunt-sencha-dependencies扩展Grunt,或者使用grunt-sencha-resolver - 后者我没有使用过。{/ p>