visual-studio-code.md

Visual Studio Code

NOTE: You should already have read the code editor section.

It's important to know how to use your editor effectively and take advantage of advanced features. To get started, click 'Help' -> 'Interactive Playground'. Also learn the following:

1. Introductory videos
2. Code completetion
3. Multiple selections
4. Search
5. Tips and tricks
6. Emmet
7. Go to 'Help' -> 'Keyboard Shortcut Reference'
8. VS Code documentation

Helpful configuration options

You should have all the options specified in the code editor section. It's also recommended to configure the following settings:

{
	"editor.renderIndentGuides": true,
	"editor.rulers": [
		120
	],
	"editor.tabSize": 4,
	"html.format.enable": true,
	"html.format.endWithNewline": true,
	"html.suggest.angular1": false,
	"html.suggest.ionic": false,
	"window.newWindowDimensions": "inherit",
}

Install a color theme

1. Click the gear icon at the bottom left and click "Color Theme"
2. You can preview themes in the marketplace
3. You can also install any TextMate theme