vs code 初步整理

1.介绍

Visual Studio Code是一个轻量但功能强大的源代码编辑器，可在桌面上运行，适用于Windows，macOS和Linux。它内置了对JavaScript，TypeScript和Node.js的支持，并具有丰富的其他语言（如C ++，C＃，Java，Python，PHP，Go）和运行时（如.NET和Unity）的扩展生态系统。

2.安装插件

vetur：vue语法高亮，Emmet等

eslint：语法纠错

Auto Rename Tag: 自动完成另一侧标签的同步修改

JavaScript(ES6) code snippets:  ES6语法智能提示以及快速输入，支持js, .ts，.jsx，.tsx，.html，.vue,  ES6的代码片段，实用

JavaScript Snippet Pack: ES5及以下的代码片段

Debugger for Chrome : vscode里面进行调试js文件

Path Intellisense —— 自动路劲补全

IntelliJ IDEA Keybindings: 使用webstorm 快捷键

HTML Snippets: 添加了对HTML标记的丰富语言支持,自动补全

HTML CSS Support：html 中 CSS Class 智能提示

Debugger for Chrome：vscode映射chrome的debug功能，静态页面都可以用vscode来打断点

配置文件：

JQuery Code Snippets： jquery 提示工具

Path Intellisense：自动路径补全

Npm Intellisense： require时包的提示

HTMLHint: html 代码检测

Project Manager:项目管理工具（command + shift+p）

beautify: 格式化代码的工具

Dracula: 主题

常用快捷键：

打开一个新窗口： Command+Shift+N

新建文件 Command+N

文件之间切换 Ctrl+Tab

切出一个新的编辑器（最多 3 个） Ctrl+\

向上向下复制一行： Shift+Alt+Up 或 Shift+Alt+Down

上下移动一行： Alt+Up 或 Alt+Down

多行操作：alt+command+up／down

多行编辑(列编辑)：Alt+Shift+鼠标左键

整个文件夹中查找 Ctrl+Shift+F

侧边栏显/隐：Ctrl+B

显示资源管理器 Ctrl+Shift+E

显示 Debug Ctrl+Shift+D

显示 Output Ctrl+Shift+U

Ctrl+Shift+P 打开命令面板

配置中文：

配置eslint 保存自动修复

保存，重启后生效