vscode 简介
Visual Studio Code (简称 VS Code / VSC) 是微软公司推出的一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、GIT 等特性，支持插件扩展等等........
推荐理由：
- 比 sublime 开源，比 webstorm 更轻:
- 智能提示很强大
- 自带 emmet
- 插件安装非常方便
- 自带强大的调试功能
- 软件跨平台支持 Win、Mac 以及 Linux。
VSCode 安装
官网下载地址： https://code.visualstudio.com/
image.png
安装步骤：
傻瓜式安装，直接下一步即可。
image.png
image.png
image.png
- 如果需要改变默认的安装路径，在选择目标位置时直接修改即可。
- 为方便以后使用，建议创建桌面快捷方式。
vscode 使用
推荐安装的插件
找到左侧的扩展快捷键(Ctrl+Shift+x)
image.png
| 插件 | 作用 |
|---|---|
| Chinese (Simplified) Language Pack for VS Code | 中文（简体）语言包 |
| Live Server | 实时预览 |
| Live Preview | 微软开发内嵌vscode(目前有bug)后期期待 |
| Auto Close Tag | 自动闭合标签 |
| Auto Rename Tag | Auto Rename Tag |
| Bracket Pair Colorizer | 高亮代码 |
| Class autocomplete for HTML | HTML 的类自动完成 |
| Error Lens | 语法提示报错 |
| Prettier - Code formatter | 每次保存自动格式化代码 |
| CSS Peek | 追踪css样式 |
| css-class-intellisense | css class智能提示 |
| Easy LESS | less翻译识别css |
| ESLint | ## 查找并修复 JavaScript 代码中的问题 |
vscode快捷键
| 快捷键名称 | 快捷键 |
|---|---|
| 注释： | |
| (单行注释)/(取消单行注释) | (ctrl+k,ctrl+c 或 ctrl+ / ) / (ctrl+k,ctrl+u) / (按下ctrl不放，再按k + u) |
| (多行注释) | (alt+shift+A) / ( / ** ) |
| 移动行 | alt+up/down |
| 显示/隐藏左侧目录栏 | ctrl + b |
| 复制当前行 | shift + alt +up/down |
| 删除当前行 | shift + ctrl + k |
| 控制台终端显示与隐藏 | ctrl + ~ |
| 查找文件/安装vs code 插件地址 | ctrl + p |
| 代码格式化 | shift + alt +f |
| 新建一个窗口 | ctrl + shift + n |
| 行增加缩进 | ctrl + [ |
| 行减少缩进 | ctrl + ] |
| 裁剪尾随空格(去掉一行的末尾那些没用的空格) | ctrl + shift + x |
| 字体放大/缩小 | ctrl + ( + 或 - ) |
| 拆分编辑器 | ctrl + 1/2/3 |
| 切换窗口 | ctrl + shift + left/right |
| 关闭编辑器窗口 | ctrl + w |
| 关闭所有窗口 | ctrl + k + w |
| 切换全屏 | F11 |
| 自动换行 | alt + z |
| 显示git | ctrl + shift + g |
| 全局查找文件 | ctrl + shift + f |
| 显示相关插件的命令(如：git log) | ctrl + shift + p |
| 选中文字 | shift + left / right / up / down |
| 折叠代码 | ctrl + k + 0-9 (0是完全折叠) |
| 展开代码 | ctrl + k + j (完全展开代码) |
| 删除行 | ctrl + shift + k |
| 快速切换主题 | ctrl + k / ctrl + t |
| 快速回到顶部 | ctrl + home |
| 快速回到底部 | ctrl + end |
| 格式化选定代码 | ctrl + k / ctrl +f |
| 选中代码 | shift + 鼠标左键 |
| 多行同时添加内容（光标 | ctrl + alt + up/down |
| 全局替换 | ctrl + shift + h |
| 当前文件替换 | ctrl + h |
| 打开最近打开的文件 | ctrl + r |
| 打开新的命令窗 | ctrl + shift + c |
