ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

SproutCore 段落和 JSHint 集成

sproutcore 全部

Sublime Text 2 的 SproutCore 软件包

标签 段落

详细信息

  • 2015.10.14.09.47.23
  • github.com
  • github.com
  • 9年前
  • 4分钟前
  • 11年前

安装量

  • 总计 2K
  • Windows 1K
  • Mac 541
  • Linux 232
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日
Windows 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 1 0 0 0 0 0 1 0 0 0 0
Mac 1 3 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

说明文件

源代码
raw.githubusercontent.com

sublime-text-package

适用于 Sublime Text 2 和 3 的 SproutCore 软件包。

此软件包包含几个有用的 SproutCore 特定段落和与 JSHint 的集成。

要使用此软件包,您必须首先安装 jshint 并确保将其添加到您的环境路径中。

  1. 使用 npm 安装 node-jshint

    $ npm install -g jshint

  2. 使用 Sublime Text 中的包控制安装 SproutCore 软件包

    1. ⇧⌘P ⇧⌃P(Linux/Windows)
    2. 选择 包控制:安装包
    3. 选择 SproutCore

JSHint

此软件包在每次保存时都会对所有的 JavaScript 文件运行 jshint。这允许您在浏览器测试之前尽早捕获错误。它还允许您捕获潜在危险的代码,如隐含的全局变量和重新声明的变量。

JSHint 也会强制执行非常标准的 JavaScript 清洁风格,这正是 SproutCore 框架所坚持的。虽然您最初可能会觉得风格警告很烦人,但遵循它们很容易,最终这会使代码易于识别和共享。

作为 JSHint 集成的一部分,此软件包还包括一个默认的 .jshintrc 文件,用于添加 SproutCore 特定全局变量。

段落

有几个可用的段落,可以显著减少您需要输入的量。要使用段落,开始输入关键字,选择适当的段落插入有用的预定义代码。您可以使用 tab 键在不同的段落配置部分之间跳转,以非常快速地修改它,而不必使用鼠标。

  • SCButtonView - SC.ButtonView 的模板。
  • SCLabelView - SC.LabelView 的模板。
  • SCListView - SC.ListView 的模板。
  • SCRecord - 具有多个属性和 primaryKey 的 SC.Record 模板。
  • SCState - 具有 enterState 和 exitState 的 SC.State 模板。
  • SCScrollView - SC.ScrollView 模板。
  • SCTextFieldView - SC.TextFieldView 模板。
  • SCView - SC.View 模板。
  • SCView (类) - 具有 render 和 update 方法的 SC.View 类模板。
  • SCBinding - 一种单向绑定。
  • childViews - 添加 childViews 属性。
  • childViewLayout - 添加 childViewLayout 及其 childViewLayoutOptions 属性。
  • for - 使用 .get('length').objectAt() 的正向 for 循环。
  • for - 使用 .get('length').objectAt() 的反向 for 循环。
  • function (observes) - .observes 函数。
  • function (property) - .property 函数。
  • function (cacheable) - .property.cacheable 函数。