vscode编辑的安装以及快捷操作

安装VS code编辑器

1.下载编辑器

下载地址：https://code.visualstudio.com/(https://code.visualstudio.com/)
①在官网下载压缩包、解压存放在非系统盘、文件中尽量不出现中文名、点击vscode.exe文件安装

根据版本下载相应的压缩包

2.下载一些常用的插件

**
①安装中文插件，在拓展中输入chinese下载中文简体按照相关提示修改配置，重启后为中文。

其他需要安装插件如下：
注意：js-css-html不安装，使用感较差

*

3.学习编辑器的使用以及一些快捷键*## 标题

①基本快捷命令：

• List item

Ctrl+s /c/v/x /保存/复制/粘贴/剪切
Ctrl+a 全选
Ctrl+z 撤销
Ctrl+y 前进
ctrl++加大字号
ctrl+d：选择相同元素的下一个
ctrl+U可以撤销任何光标的操作
Ctrl+/ 添加注释

Home 移动到行首
End 移动到行尾
shift+end 从头选中一行
shift+home 从尾部选中一行
shift+alt+↑快速复制一行
alt+↑/↓快速移动一行
tab向后缩进
tab+shift：向前缩进
alt+鼠标左键：多光标（可同时修改相同元素)

生成代码类

文件操作：
设置：文件–》首选项–》设置（大小、是否换行）
创建文件夹、创建文件、
vscode无法从软件里创建文件夹，需要从外部创建文件夹然后在软件中打开文件夹。
要养成良好的创建文件夹的习惯：
创建总文件家，根据一定需求创建此文件夹图片放置于image、html文件放在image中
**

4.安装过程中的小问题

**
1）安装插件open in Browser后运行html代码显示错误
Open browser failed!! Please check if you have installed the browser chrome correctly!
解决方案：1.更换插件版本
找到拓展商店里安装的open in Browser插件，右键单击选择更换版本到1.0

2.安装如下插件

安装完成后右键单击可以出现下列选项，第一个在vscode中显示效果
第二个选项可在浏览器中显示代码效果

该插件可以满足html在浏览其中运行或者vs中预览功能。