新建，保存和预览文件

新建：在本地新建文件夹（目录），并将其拖至vscode中，再在vscode中对该目录新建相应文件，如html,css,js文件。
保存：按保存或者“ctrl+s”保存文件。平时可将保存状态设置为自动保存
预览：需要预览文件时，右键选择“open in default browser”或者按快捷键：“ALT+B”。（如果右键没有open in default browser，则需要安装插件，左侧边栏第五个按钮打开，在应用商店中搜索open in browser，然后点击安装，再重载窗口）

简写技巧

1. H5框架简写：
   !+TAB按键 或者 htlm:5+TAB按键
2. <div></div>简写：
   div+TAB按键
3. <div class=”red”></div>简写：
   div.red+TAB按键
4. Class为red的div标签里面包含一个a标签的简写：
   div.red>a+TAB按键 //大于号表示父子关系
5. 10个Class为red的div标签里面都包含一个a标签的简写：
   div.red*10>a+TAB按键
6. 10个Class为red的div标签里面都包含一个a标签,a的href标签不同的简写：
   div.red*10>a【href=”#page$”】+TAB按键(不同用$表示)
7. 10个Class为red的div标签里面都包含一个a标签,a的href标签不同，a中间的文字也不同的简写：
   div.red*10>a【href=”#page$”】{文字$}+TAB按键(不同用$表示)
8. n个标签，标签之间有文字，文字不同时的简写：
   div{}

快捷键

命令面板：ctrl+shift+p //直接搜索命令然后按回车执行命令
 eg：ctrl+shift+p打开命令面板，搜索open in default browser按回车后即可预览网页效果。
**快速搜索文件：ctrl+p

配置vscode

文件--首选项--设置。
然后在右侧编写你的样式，如果不知道语法，可在搜索框中搜错相应的英文关键字，然后按照左边默认的样式在右边编写你想要的样式

将vscode设置为git的默认编辑器：

方法一： 通过在命令提示符窗口中执行该命令来设置默认的git编辑器：
git config --global core.editor "'D:\Users\10218\AppData\Local\Programs\Microsoft VS Code\Code.exe' -w"
方法二：
如果想在命令行中打开Code，打开~目录下的.bashrc
gedit .bashrc
在最后添加下面一行
alias code='/usr/share/VSCode-linux-x64/Code'
重新打开命令行，输入code就可以打开Visual Studio Code了