VSCode的基本配置和使用

这里，简单介绍一下，初次使用VSCode的我们应该进行的一些基本配置。

（一）点击左侧第五个图标，安装中文语言包，搜索插件“Chinese”。

（二）点击左侧第六个图标，设置主题。


（三）点击左侧第六个图标，点击“设置”，在“常用设置”界面内设置字体大小


（四）安装插件“open in browser”
前端开发最终的结果展示是在网页中，如果没有这个插件，就需要先找到原始文件位置然后才能以浏览器的形式打开，很是麻烦。

之后，只需要在工作区中对应的代码文件如index.html右键点击“open in default Browser”或“open in other Browsers”即可。
（五）安装插件“HTML CSS Support”，提供代码联想，使代码编辑更加方便。

（六）安装插件“Auto Rename Tag”，实现代码的自动填补，如在此之前，对于

标签，若只修改前面的为divv，后面的依然不动，不会同步。

（七）安装插件“preview on Web Server”，实现在VSCode内部创建前端视窗。

安装完后，只需要在编辑器工作区的文件内右键选择“vscode-preview-server:Launch on browser”或“vscode-preview-server:Preview on side panel”即可，其中前者表示新打开一个网页窗口展示前端效果，后者表示在编辑器内右侧打开一个前端效果视窗。


相关文章链接：
1、 前端开发工具VSCode介绍、下载和安装（从头到尾）
2、 VSCode左侧导航栏六大图标功能简介
3、 VSCode的基本配置和使用
4、 VSCode中如何设置自动保存代码
5、 VSCode中console.log的两种快速写法
6、 VScode如何设成中文模式？