前言
现在越来越多的人使用VS code进行前端开发，以免费、开源、轻量级、跨平台的特点接待了很多忠实的粉丝。 与其他前端工具相比，vs代码看起来更平滑、更轻量。
那么，希望能和大家分享我的学习经验，对需要的人有帮助。
一VS Code的下载和安装
官网： https://code.visualstudio.com/
下载后直接默认安装就可以了。 这里应该没有什么困难。
二先来汉化一下吧。英语好的人可以略过。。。
安装后默认为英语。 对于英语说得好的同学可以跳过这一步。
首先单击最左下方的插件安装按钮，然后在输入框中键入chinese
或者，也可以单击右边的安装按钮。
安装完成后，右下角将显示一个对话框，提示您重新启动“[Restart Now] (重新启动)”。 重新启动后，成为中文界面。
三VS code界面介绍
)事件栏从上到下依次打开侧栏，搜索，使用git、debug、插件
)新建侧栏、项目文件和文件夹
)编辑栏、编写代码的区域
)面板栏，从左到右依次为问题、输出、调试栏、终端(终端，最重要的是终端)，输入相关命令
:状态栏，点击这个区域可以调用面板栏
:需要注意的是，如下图的红框所示，分别表示鼠标光标所在的位置和制表符缩进字符。 这里是4字符缩进四新建文件和文件夹
新文件： Ctrl N创建新文件，修改后缀即可。 根据需要的文件(如. html、 css和. js )添加后缀。
新建文件夹
:首先根据需要指定路径，然后创建新文件夹。 (此处创建的文件夹为demo1) ) )。
)用鼠标点击侧栏上的第二个选项，如下图所示
)此时没有要打开的文件夹，请单击Open Folder按钮将新创建的文件夹demo1导入桌面
)导入文件夹后，新创建的文件夹名称为小写。 现在变成大写了。 这不会有影响，不用太在意
(右图标从左向右，新建文件/新建文件夹/更新/折叠文件)
注：新文件必须修改后缀。 否则，默认值为文本文本文件
五.自动保存设置
选择文件-首选项-首选项-设置以显示以下界面，然后选择用户。 默认情况下，此选项处于选中状态。
然后如下图所示，选择afterdelay选项即可。 下面的数字1000表示1秒。 这表示可以自己设定，几秒后自动保存
六自动格式化代码
文件-首选项-设置
用户(用户(文本编辑器)文本编辑) -格式ng ) )。
然后选中下图红色框中的选项后重新启动vs代码即可
七VS Code更换主题
文件-首选项-颜色主题
接下来，将显示下图中红色框的界面。 在这里按键盘上的上下键，可以实时显示主题的颜色，可以直接返回主题
注：单击插件可直接搜索“theme”并下载其他非内置主题
八常用快捷键
(常用快捷键只列出了很少一部分)
Ctrl /(单行注释) )。
要取消Shift Alt A (多行注释)一行或多行注释，只需按一次快捷键
Ctrl Shift Enter (在上面插入一行，允许鼠标光标在当前行的任意位置直接换行到上一行) )。
Ctrl Enter (在下面插入一行，允许鼠标光标在当前行的任意位置直接换行到下一行)。
Alt Shift F (不需要格式代码、全部选择代码，直接格式化即可) ) ) ) ) ) ) )。
Ctrl Shift F (查找文件) ) ) ) )。
单击设置并选择keyboard shortcuts后，右侧将显示所有快捷菜单
汉化的学生请参照照片找到合适的选择和菜单