1, it is a free open source, by installing the development language-related plug-ins, allowing VS Code to identify and implement appropriate syntax code hinting, is currently expanding the store has provided a plug-in most programming languages, you can easily download, there are commonly used Script has JScript, eScript, and including PHP, Python and other languages.
2, Visual Studio Code sidebar integrates the core functions in the coding and reconstruction will be used, and any other features you need can be met by installing extensions.
3, it has a very useful syntax highlighting and auto-completion, provided based on the variable type, function definitions and import module auto-complete function, for developers to provide a great help.
4, built-in debugger can debug by adding breakpoints and observer, to help you speed up the editing, compiling and so on. By default, it supports NodeJS, and can debug any language can be converted to JavaScript, some extensions to the language needs to be installed for debugging.
5, Visual Studio Code built a Git GUI, supports the most common Git commands, you can own the changes in the project.
Visual Studio Code Installation
1, the installation address (official website to download): https://code.visualstudio.com/, click the URL into the top corner after download, choose one with its own matching system, now succeeded Double-click to follow the prompts to install on it.
Visual Studio Code install plug
1, the first ctrl + shift + p, pop-up command panel - select Extensions: Install Extensions or click the left column of the expand button (Ctrl + Shift + X) will open the fifth, in the search box enter the body you want to install plug-ins .
Commonly used plug-in collection
(1) Material Theme VS plug-Code theme
(2) Auto Import automatically go to find, analyze, and provide code completion.
(. 3) the Indent-Rainbow is the code alignment, easier to read and search
(4) IntelliSense for CSS class names in HTML -based your project as well as an external file referenced by the link tags, the intelligent plug-in provides the HTML CSS class name completion
(5) SVG Viewer a conducive preview svg plug
(. 6) prettier for beautification of the code.
(7) React Native Tools code hints, Debugging, RN's integrated command.
(. 8) npm Intellisense import statement autocomplete npm module name.
(. 9) highlight-Tag-matching labels highlighted
(10) GitLens rich git log git log plug-rich plug-ins
(. 11) Bracket Pair Colorizer be highlighted different code blocks
(12) Color Highlight display colors that you define.
(13 is) the CSS Peek may be targeted to or defined by the class CSS id in HTML, css show your code block.
(14) Debugger for Chrome with Chrome to Debug your JavaScript code, or the other protocols supported by Chrome Debugger platform.
(15) working beautify formatted code.
(16) vscode-vue main application and vue
(17) Language Packs install Chinese, click OK, and will re-open the software, open the software again for the Chinese language.
(18) open in browser to open a browser plug-in,
Visual Studio Code Keyboard Shortcuts
1, Ctrl + S to save
2, Ctrl + C Paste
3., Ctrl + V to copy
4, Shift + Alt + F formatted documents
5, Ctrl + I to select the current row
6, Ctrl + F Find
7, Ctrl + H replacement
8, Ctrl + / add or delete rows comment
9, Alt + B to open the default browser