HTML&CSS学习笔记一

一、安装VsCode

1.1 下载地址

    这里我附上下载地址，镜像是国内源，速度飞快！

    http://vscode.cdn.azure.cn/stable/78a4c91400152c0f27ba4d363eb56d2835f9903a/VSCodeUserSetup-x64-1.43.0.exe

1.2 安装中文语言包

    在扩展程序（快捷键 Ctrl+shift+X）搜索框内输入Chinese，即可很多中文插件，选择第一个中文简体就行，这里我是安装好的。

1.3 安装ayu主题

    如果你觉得vscode主题不好看，我这里推荐一个插件ayu，同样在扩展程序（快捷键 Ctrl+shift+X）搜索框内输入ayu,我选择的是 Ayu 0.20.1，也就是第一个，点击右侧的安装就可以了，这里我是安装好的。

    下载好后进入ayu插件设置主题，我选择的是 Ayu Mirage 主题，大家可以根据自己的喜好选择。

1.4 安装 live server

    这个插件可以在编写代码的时候同步刷新网页内容，这样就不用手动保存、刷新了，同样在扩展程序（快捷键 Ctrl+shift+X）搜索框内输入 live 选择 Live Server 5.6.1 ，点击右侧安装即可，这里我是安装好的。

    下载好后，打开一个html文件，右键选择 Open with Live Server,就可以使用了。

1.5 设置代码自动保存

    控制文件自动保存，不用再手动保存了，先进入设置页面。

    Files Auto Save 即为自动保存文件，在下拉框中选择 after Dealy 即可完成设置，这样代码编写完后就不用手动保存了。