VScode安装使用插件快捷键详细教程

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