VS Code Common shortcut key

1、 notes ：

• Single-line comments ：ctrl+/, Press cancel after commenting

• Uncomment a single line ：alt+shift+A Press cancel after commenting

2、 Mobile line

• Move a line up ：alt+up

• Move one line down ：alt+down

3、 Show / Hide left catalog bar

• ctrl + b

4、 Copy the current row

• Copy a line up ：shift+alt+up

• Copy a line down ：shift+alt+down

5、 Delete current row

• shift + ctrl + k

6、 Console display hidden

• ctrl + ~

7、 Find files

• ctrl + p

8、 Code formatting

• shift + alt +f

9、 New window

• ctrl + shift + n

10、 Line increase indent

• ctrl + [

11、 Line decrease indent

• ctrl + ]

12、 Close the edit window

• ctrl + w

13、 Close all windows

• ctrl + k + w

VS Code Common plug-ins for

1、Auto Rename Tag modify html label , Automatically help you complete the synchronous modification of the tail closed label , and webstorm equally .

2、Auto Close Tag Auto close HTML label

4、Beautiful Tools for formatting code

5、Dash Dash yes MacOS Of API Document browser and Snippet Manager

6、Ejs Snippets ejs Code hinting

7、ESLint Check javascript Syntax errors and hints

8、File Navigator Find files quickly

9、Git History (git log) see git log

10、Gulp Snippets Write gulp When used ,gulp Grammar tip .

11、HTML CSS Support stay HTML Write on labels class Smart tip the styles supported by the current project

12、HTML Snippets Super easy to use and Elementary H5 Code snippets and hints

13、Debug for Chrome Use vs code Let's interrupt a little bit of debugging

14、Document this Js Note template for

15、jQuery Code Snippets jquery Tooltip

16、Html2jade html The template turns pug Templates

17、JS-CSS-HTML Formatter format

18、Npm intellisense require Package prompt tool at

19、Open in browser Open default browser

20、One Dark Theme One vs code The theme of

21、Path Intellisense Automatic path completion 、 It does not have this function by default

22、Project Manager A tool for quickly switching between multiple projects

23、Pug(Jade) snippets pug Grammar tip

24、React Components Create reaction component code according to the file name .

25、React Native Tools reactNative The tool class is React Native The project provides a development environment .

26、Stylelint css/sass Code review

27、Typings auto installer install vscode The code hint depends on the library , be based on typtings Of

28、View In Browser Default browser view HTML file （ Shortcut key Ctrl+F1 You can modify ）

29、Vscode-icons Give Way vscode Resource directory with icon 、 necessary

30、VueHelper Vue2 Code segment （ Include Vue2 api、vue-router2、vuex2）

31、Vue 2 Snippets vue necessary vue Code hinting

32、Vue-color vue Syntax highlight topic

33、Auto-Open Markdown Preview markdown File automatically opens preview

34、EverMonkey Impression notes

35、atom one dark atom A highlighted theme for ( Personal recommendations )