vscode好用的技巧

1. 点击文件

2. liveserve插件bug

注意1：务必使用VSCode打开的是文件夹，否则 Live Server 插件无法正常工作！

注意2：打开的网页必须是标准的HTML结构，否则无法自动刷新！

3. 快捷键

浏览器强制刷新：shift+（浏览器左上角刷新）

VScode删除某一行：ctrl+shift+k （光标选中某行）

VScode删除多行：ctrl+shift+k （光标左键拖动选中多行）

选中多个文件：

点击第一个文件，按住shift点击某一个同目录文件即可（包含中间文件）选中

光标换行：ctrl+Enter（回车）

4. 配置网页图标

网页图标必须放在vscode打开的文件目录下，不可放子级目录

5. 最简单的盒子垂直水平居中

代码：

 /* 父元素 */
 .box {
    display: flex;
 }
 /* 子元素 */
 .son {
    margin: auto;
 }

示例：

 /* 父元素 */
 .box {
    width: 400px;
    height: 400px;
    background-color: orange;
    display: flex;
 }
 /* 子元素 */
 .son {
    width: 100px;
    height: 100px;
    background-color: skyblue;
    margin: auto;
 }

以上大部分内容转载于尚硅谷前端课程笔记