程序员的知识教程库

网站首页 > 教程分享 正文

VSCode快速入门(快捷键,个性化配置,实用插件)

henian88 2024-09-11 03:43:19 教程分享 7 ℃ 0 评论

这是一款轻量级且非常好用的ide,我平时用idea开发java,但是开发vue,go和net core会选择用vscode,因为它的内存占用要比idea小很多,下面罗列了些快速使用vscode的信息,方便更换电脑时可以快速启用它,涉及常用快捷键,个性化配置,适用于各种语言开发的插件。


(下载,常用快捷键,个性化配置,通用插件,前端插件,java开发插件,go开发插件,c#开发插件)


下载

https://code.visualstudio.com/Download


常用快捷键

打开命令面板(F1)

快速打开(ctrl + P)

注释行(ctrl + /)

全局搜索(ctrl + shift + F)

清除全部没用的import(alt + shift + o)

更多快捷键:https://code.visualstudio.com/docs/getstarted/keybindings


个性化配置


设为双击打开文件

设置里搜索“open mode”,把下拉选项改成doubleClick


取消点击预览功能

设置里搜索“preview”,点击工作台,把第一个打勾框的勾去掉


自动保存

设置里搜索“auto save”,选择afterDelay


通用插件

Live Server

静态服务,方便浏览html页面,并且修改页面后会立即更新

Material Icon Theme

解决目录图标不明显的问题

Chinese (Simplified)

中文支持

YAML

支持yml文件的格式

Visual Studio IntelliCode

只能感应提示

Tabnine AI Autocomplete

具有AI特性的代码智能提示


前端开发用到的插件:

Vetur (vue的支持)

Auto Close Tag (自动添加HTML/XML的结束标记)

Auto Rename Tag (自动完成另一侧标签的同步修改)

Auto Import (自动处理import,支持TS和TSX)

JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入,除js外还支

Path Intellisense —— 自动路径补全

HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式

vscode-color-picker 方便样式里直接进行颜色选择

Prettier - Code formatter 代码格式化

Beautify——格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则

Bracket Pair Colorizer 2——给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

open in browser——直接右键项目单击启动


开发java用到的插件:

// java基础

Extension Pack for Java

Debugger for Java

Maven for Java

Project Manager for Java

Test Runner for Java

Spring Boot Extension Pack

Quarkus

Quarkus snippets


开发go用到的插件:

Go

Go Nightly


开发C#用到的插件:

C#语言开发支持

C# Extensions

Auto-Using for C#

C# XML Documentation Comments

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表