软件安装准备

VScode安装

进入vscode官网，点击“Download for Windows”*载下**。*载下**完成后，双击文件进行安装。

双击文件后会弹出安装界面，选择我同意，点击下一步。

选择软件安装位置，默认是C盘，如果有其他盘，建议安装在其他盘。点击“浏览”，重新选择了安装位置，选好后点击下一步。

这个是在开始菜单中创建vscode的快捷方式，直接默认点击下一步。

默认点击下一步。

点击安装，等待安装即可。

安装成功后，打开软件默认是英文模式。这个时候就需要我们为软件安装插件来协助我们更好的编辑代码。

安装插件

插件种类

Chinese Language pack：中文插件。

Open in Brower：右击运行至浏览器

Auto Rename Tag：自动重命名标签插件

Auto Close Tag：自动闭合标签

Image Preview：图片预览。

Path Intellisense：智能路径提示。

Highlight Marching Tag：突出显示匹配的开始或结束标签。

CSS peek：查看css定义。

安装插件操作

点击左侧第五个正方形的图标。输入插件名称，找到插件，点击插件名称下方右侧install按钮进行安装。切记，插件安装完成后需要重启软件，重启后才会生效。如下图中文插件安装。

在设置（左侧选项栏最下方齿轮标志就是设置按钮）中搜索“tab”，找到Tab completion设置为“on”：tab键补全代码。

把所有的插件全部安装完成后进行重启就可以使得安装插件生效，可以安装一个重启一次；也可以将所有插件安装完成后一次重启。

以上就是vscode软件安装的具体操作，*载下**markman和谷歌浏览器也是同样的操作，先百度搜索官网，然后点击*载下**按照步骤完成即可。

需要提示一下markman在使用过程中，可能会提示你需要开会员，但初级阶段免费部分就足以支撑我们的使用，如果习惯使用PS也是可以的。初级入门对设计图主要就是测量长和宽。按照个人喜好选择即可。

今天更新笔记到这里结束，明天开始学习html，明天再见！