VSCode适用的一些插件及设置


一、前言

插件安装:点击扩展图标,输入框输入插件名,选择相应的插件,点击“安装”。
在这里插入图片描述

二、插件介绍

1、Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

作用:将VSCode的界面设置成中文显示
在这里插入图片描述
在这里插入图片描述

2、open in browser

(1)作用:在VSCode中修改代码,浏览器自动刷新
(2)使用:右键编辑器,选择open with Live Server
在这里插入图片描述
在这里插入图片描述

3、Git Graph

(1)作用:查看历史提交人、提交时间、代码详情等信息
(2)使用:在源代码管理中,点击View Git Graph
在这里插入图片描述在这里插入图片描述

4、Code Runner

(1)作用:代码一键运行,支持40种以上的语言
(2)使用:
   方法一:右击编辑栏,选择Run Code
   方法二:快捷键,Ctrl+Alt+N
   方法三:点击编辑栏的Run Code按钮
在这里插入图片描述在这里插入图片描述

5、代码自动换行

(1)作用: 代码一行显示不下时,自动换行显示,方便查看代码。默认情况下,VSCode不会换行显示,这需要手动设置
(2)配置:文件----首选项----设置----输入Editor:Word Wrap----将Editor:Word Wrap设置为on
在这里插入图片描述在这里插入图片描述

6、vscode-icons

(1)作用:在VSCode资源管理器中,根据文件类型展示相应的图标。
(2)配置:文件----首选项----文件图标主题----选择vscode-icons
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7、One Dark Pro

(1)作用:用于设置VSCode主题颜色
(2)设置:文件----首选项----颜色主题
在这里插入图片描述
在这里插入图片描述

8、Bracket Pair Colorizer (扩展已弃用,现已内置vscode)

作用:此扩展允许使用颜色标识匹配的括号,提高开发效率。
在这里插入图片描述在这里插入图片描述

9、Beautify和Prettier - Code formatter

作用:按照某些规则格式化代码,便于阅读,根据需要安装。
在这里插入图片描述
在这里插入图片描述

10、Markdown Preview Enhanced

作用:可以在VSCode、浏览器预览md文件等
在这里插入图片描述在这里插入图片描述

11、GitLens — Git supercharged

作用:看代码是谁写的
在这里插入图片描述

  • 2
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值