VSCode保姆级配置教学

本教程是深度学习前VSCode所有配置

• 设置IDE语言

插件名称：Chinese        

        搜索并安装此中文简体语言包，自动重启更新IDE语言，操作如下所示。

 

 

• IDE背景设置 

插件名称：Noctis    

        搜索并安装此背景包，颜色自选，操作如下所示。

• 文件图标设置 

 插件名称：Material Icon 

        搜索并安装此背景包显示文件图标，操作如下所示。

 

• Live Server 开启本地服务器

 插件名称：Live Server

        搜索并安装，此包直接可以一边编写代码一边保存，即实时刷新预览，大大提升开发测试效率，操作如下所示。

 

 

• 编辑器直接打开浏览器 

插件名称：open in brower

        搜索并安装，此包直接可以在IDE中打开浏览器显示代码操作，操作如下所示。

 

• 自动修改标签对名称

插件名称：Auto Rename Tag

        搜索并安装，此包可以修改标签，自动帮你完成头部和尾部闭合标签的同步修改，操作如下所示。

 

• 将代码生成一张图片 

插件名称：carbon-now-sh

        搜索并安装，此包直接可提升逼格的插件，在实际开发中遇到技术问题或者做部分代码片段分享，可以使用该插件将代码生成一张图片，操作如下所示。

• 使用方法：
  • 在 VSCode 中，选中需要生成图片的代码
  • 打开命令托盘：Windows：Ctrl + Shift + P，Mac：Cmd + Shift + P
  • 输入 Carbon，回车

 

• 格式化代码

插件名称：prettier 

• 作用：格式化美化代码
• Ctrl + s 保存会自动格式化

 

 

• 设置字体大小、滚动缩放

 接下来的操作都在设置中，请按照步骤操作！

 

         码字不易，如果对您有帮助请留下一个赞，谢谢！