sarpay
7/30/2014 - 12:49 AM

[sublime] commands & plugins

[sublime] commands & plugins

==================================================================
JSHint Gutter Settings
==================================================================

{

  // The plugin looks for a .jshintrc file in the same directory as the source
  // file you're prettifying (or any directory above if it doesn't exist, or in
  // your home folder if everything else fails) and uses those options along
  // the default ones.

  // Details: https://github.com/victorporof/Sublime-JSHint#using-your-own-jshintrc-options
  // Example: https://github.com/jshint/jshint/blob/master/examples/.jshintrc
  // Documentation: http://www.jshint.com/docs/options/

  "browser": true, //This option defines globals exposed by modern browsers: all the way from good old document to the HTML5 FileReader.
  "devel": true, //This option defines globals that are usually used for logging poor-man's debugging: console, alert, etc.
  "esnext": false, //This option tells JSHint that your code uses ECMAScript 6 specific syntax.
  "globals": {}, //This option can be used to specify a white list of global variables that are not formally defined in the source code.
  "globalstrict": false, //Global strict mode can break third-party widgets so it is not recommended.
  "quotmark": "single",
  "undef": true, //This option prohibits the use of explicitly undeclared variables.
  "unused": true, //This option warns when you define and never use your variables.
  "shadow": "inner", //check for variables defined in the same scope only -- "outer" - check for variables defined in outer scopes as well
  "jquery": true//,
  //"predef": [
  //    "define",
  //    "jQuery",
  //    "$"
  //]

}


==================================================================
SublimeCodeIntel Settings
==================================================================

*** UPDATE USER SETTINGS FILE ONLY! ***

/* https://github.com/SublimeCodeIntel/SublimeCodeIntel#configuring */
{
  /*
     An array of language names which are enabled.
  */
  "codeintel_enabled_languages":
  [
     "JavaScript", "HTML", "XML", "HTML5", "CSS", "Node.js", "PHP"
  ],

  "JavaScript": {
    "javascriptExtraPaths": ["/users/sarpay/desktop/jquery-1.11.2.js"]
  }
    
}
{
	"color_scheme": "Packages/Oceanic Next Color Scheme/Oceanic Next.tmTheme",
	//"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
	//"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",
	"font_size": 11,
	"ignored_packages":
	[
		"Vintage"
	],
	"tab_size": 4,
	"theme": "Material-Theme.sublime-theme",

	"material_theme_small_tab": true,					// Set small tabs
	"material_theme_disable_fileicons": false,			// Hide siderbar file type icons
	"material_theme_disable_folder_animation": true,	// Disable folder animation
	"material_theme_small_statusbar": true,				// Set small status bar
	"material_theme_disable_tree_indicator": false,		// Disable sidebar file indicator

	"overlay_scroll_bars": "enabled",
	"line_padding_top": 2,
	"line_padding_bottom": 2,
	//"font_options": [ "gray_antialias" ], // On retina Mac
	"always_show_minimap_viewport": true,
	"bold_folder_labels": true,
	"indent_guide_options": [ "draw_normal", "draw_active" ], // Highlight active indent
}
keyboard hotkeys
-------------------
command shift p
  opens all commands list

command d 
  selects the next instance of the highlighted text


installing packages
-------------------
note: 
packages may require node.js to install
https://nodejs.org/#download

1) install package control from https://packagecontrol.io/installation
2) cmd + shift + p
3) type "install package", hit enter
4) type and find package name, hit enter


useful packages list
--------------------
Emmet (ex Zen Coding)
SublimeCodeIntel (intellisense / autocomplete)
JSHint Gutter (javascript & jquery debugging)
VBDotNet (vb.net syntax highlighting)
Gist


cool ui themes and color schemes
--------------------------------
oceanic next color scheme - https://packagecontrol.io/packages/Oceanic%20Next%20Color%20Scheme
material theme - https://packagecontrol.io/packages/Material%20Theme