timmyreilly / VSCodeExplore

This is some sample files to begin playing around with VS Code

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

VSCodeExplore

This is some sample files to begin playing around with VS Code

What is Visual Studio Code?

Visual Studio Code is a source code and text editor for Windows, Linux and OS X.[1] It includes support for debugging, embedded Git Control, rich development experiences such as intelligent code completion (also known as IntelliSense), and other features. It is also customizable, which means that users can change the editor's theme, change the editor's keyboard shortcuts, change the editor's preferences, and others. Visual Studio Code is based on Electron, a piece of software that is based on Chromium, which is used to deploy io.js applications for the desktop. Visual Studio Code uses the Blink layout engine to render the interface

How does it work?

Built on the Electron Shell with HTML based editor 'Monaco' used in F12 and Azure Websites. http://electron.atom.io/

Between Visual Studio and Notepad. It fairs right in the middle with other Editors like Atom, Sublime and Brackets.

To be clear, this is not a stripped down version of Visual Studio. This is an entirely new editor built from the ground up to be lightweight and highly usable right out of the box.

What makes it cool?

Command Palette

Ctrl + Shift + P = Everything!

Shortcuts! (Choice Few)

  • Alt + Click = multi line edits!
  • Ctrl + F2 = Select all occurances of current selection!
  • Ctrl + K Ctrl + C = Add line Comment!
  • F12 = Go To Definition
  • Ctrl + \ = split editor
  • Ctrl + 1/2/3 = switch between panes
  • Ctrl + w = close window
  • Alt + Up/Down = move line // * Ctrl + B = toggle sidebar
  • Ctrl + Shift + V = Toggle Mardown Preview

Customizable shortcuts!

Customizable workspace settings!

settings.json to make changes!

File -> Preferences -> Keyboard Shortcuts

What kind of projects can I create?

Build and debug modern web and cloud applications.

List of Samples

These are supported languages:

There are bunch of Syntax coloring and bracket matching languages:

  • Batch
  • C++
  • Clojure
  • Coffee Script
  • DockerFile
  • F#
  • Go
  • Jade
  • Java
  • HandleBars
  • Ini
  • Lua
  • Makefile
  • Markdown
  • Objective-C
  • Perl
  • PHP
  • PowerShell
  • Python
  • R
  • Razor
  • Ruby
  • Rust
  • SQL
  • Visual Basic
  • XML

+IntelliSense for 'rich languages':

  • CSS
  • HTML
  • JavaScript
  • JSON
  • Less
  • Sass

+Refactoring and references:

  • C#
  • TypeScript

Learn more about supported languages here: https://code.visualstudio.com/Docs/languages

Why should I use it?

  • Bracket Matching!
  • Selection and Multi Cursor!
  • Alt + Click
  • Ctrl + Alt + Down/Up to add cursors
  • What
  • Why
  • How

Intellisense for Rich Languages!

Not just code compeletion, but helpful fuzzy search suggestions!

Parameter Help!

x.toExponential(???)

Snippets!

Cheat Sheet: http://docs.emmet.io/cheat-sheet/

Create your own: File-> Preferences

Here's a couple for fun:

  • a:link
  • nav>ul>li

And more!

  • Goto Definition
  • Goto Symbol
  • Open Symbol by name
  • Gutter Indicators for Git
  • Peek
  • Hover -> CSS rules
  • Reference Information for C# -> Like VS
  • Errors and Warnings

Check out the whole list here: https://code.visualstudio.com/Docs/editingevolved

Where can I get it?

Right Here!

Documentation

About

This is some sample files to begin playing around with VS Code


Languages

Language:C# 85.6%Language:Python 10.3%Language:JavaScript 1.8%Language:HTML 1.3%Language:CSS 0.5%Language:TypeScript 0.4%Language:F# 0.0%