为了方便编辑网页代码,前端工程师通常会选择一些较便捷的代码编辑工具。例如,Editplus、notepad++、 Hbuilder、 sublime、 Dreamweaver、VS Code等。其中VSCode轻巧便捷、免费开源,并且提供了插件扩展功能,深受网站制作人员的青睐。本节将详细介绍VS Code的安装、设置和使用技巧。
VS Code的安装
打开VS Code官方网站。单击蓝色箭头按钮选择和电脑系统匹配的VS Code版本(推荐Stable稳定版),单击下载按钮,下载VS Code安装包。
VS Code安装完成后,启动软件,VS Code界面结构如下。
VSCode的初始化设置主要包括设置中文显示模式、界面颜色和代码字号。
设置中文显示模式
VSCode界面菜单默认显示为英文。如果我们习惯中文菜单操作,可以通过安装中文扩展插件的方式,将界面菜单设置为中文显示模式。
设置界面颜色
VSCode默认的界面为黑色背景,我们如果想要更换界面颜色,可以单击工具栏左下方的管理按钮进行设置。
设置代码字号
VS Code有默认的字号。如果感觉代码字号不合适可以自行设置。单击工具栏左下方的管理按钮。