Jadual Kandungan
一、怎么安装插件?
方法一:
方法二:
方法三:
二、常用插件?
(1)Auto Close Tag
(2)Auto Rename Tag
(3)Bracket Pair Colorizer
(4)中文(简体)语言包—— Chinese (Simplified) Language Pack for Visual Studio Code
(5)Vetur
(6)Git History Diff
(7)GitLens — Git supercharged
(8)Path Intellisense
(9)markdownlint
(10)Markdown Preview Enhanced
(11)Debugger for Chrome
(12)ESLint
(13)HTML CSS Support
(14)HTML Snippets
(15)vscode-fileheader
Rumah alat pembangunan VSCode vscode如何安装插件?常用插件介绍

vscode如何安装插件?常用插件介绍

Sep 07, 2020 am 10:13 AM
vscode

vscode如何安装插件?常用插件介绍

VSCode 全称 Visual Studio Code,是微软出的一款轻量级代码编辑器,免费、开源而且功能强大。它支持几乎所有主流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展。

相关推荐:《vscode基础教程

一、怎么安装插件?


方法一:

按F1或Ctrl+Shift+p,输入extensions,选择 “扩展:安装扩展”

1.png

方法二:

ctrl + P 然后输入 >ext install

2.png

方法三:

点击图中位置

3.png

二、常用插件?


(1)Auto Close Tag

自动闭合HTML/XML标签

4.png

(2)Auto Rename Tag

自动完成另一侧标签的同步修改

5.png

(3)Bracket Pair Colorizer

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

6.png

7.png

(4)中文(简体)语言包—— Chinese (Simplified) Language Pack for Visual Studio Code

将编译器转成中文模式

8.png

(5)Vetur

Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

9.png

10.png

(6)Git History Diff

如果你的VSCode打开了一个Git管理的代码,则在VSCode编辑窗口中,可以看到所有的提交记录、改动文件,包括每一行代码的提交时间、提交人,非常方便。

11.png

12.png

(7)GitLens — Git supercharged

方便查看git日志,git多人协作的时候需要查看日志,能在当前代码中查看

13.png

14.png

(8)Path Intellisense

自动提示文件路径,支持各种快速引入文件

15.png

16.png

(9)markdownlint

markdown语法纠错

17.png

18.png

(10)Markdown Preview Enhanced

实时预览markdown,markdown使用者必备

19.png

20.png

(11)Debugger for Chrome

映射vscode上的断点到chrome上,方便调试

21.png

(12)ESLint

自动格式化代码,以便在整个团队中保持一致的格式。ESLint 也可以配置为自动格式化你的代码,每当你出现错误,它都会向你发出一连串的警告。

22.png

(13)HTML CSS Support

HTML 中 CSS Class 智能提示

23.png

(14)HTML Snippets

智能提示HTML标签,以及标签含义

24.png

(15)vscode-fileheader

顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间  
快捷键: Ctrl+Alt+i  
(默认信息可在 文件→首选项→设置 中修改)

25.png

更多编程相关知识,请访问:编程教学!!

Atas ialah kandungan terperinci vscode如何安装插件?常用插件介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melihat dokumen perkataan dalam vscode Bagaimana untuk melihat dokumen perkataan dalam vscode Bagaimana untuk melihat dokumen perkataan dalam vscode Bagaimana untuk melihat dokumen perkataan dalam vscode May 09, 2024 am 09:37 AM

Bagaimana untuk melihat dokumen perkataan dalam vscode Bagaimana untuk melihat dokumen perkataan dalam vscode

Cara melukis carta alir dengan vscode_Cara melukis carta alir dengan kod visual_studio Cara melukis carta alir dengan vscode_Cara melukis carta alir dengan kod visual_studio Apr 23, 2024 pm 02:13 PM

Cara melukis carta alir dengan vscode_Cara melukis carta alir dengan kod visual_studio

Bagaimana untuk menulis Maude dalam Vscode_Bagaimana untuk menulis Maude dalam Vscode Bagaimana untuk menulis Maude dalam Vscode_Bagaimana untuk menulis Maude dalam Vscode Apr 23, 2024 am 10:25 AM

Bagaimana untuk menulis Maude dalam Vscode_Bagaimana untuk menulis Maude dalam Vscode

Caltech Cina menggunakan AI untuk menumbangkan bukti matematik! Mempercepatkan 5 kali terkejut Tao Zhexuan, 80% langkah matematik adalah automatik sepenuhnya Caltech Cina menggunakan AI untuk menumbangkan bukti matematik! Mempercepatkan 5 kali terkejut Tao Zhexuan, 80% langkah matematik adalah automatik sepenuhnya Apr 23, 2024 pm 03:01 PM

Caltech Cina menggunakan AI untuk menumbangkan bukti matematik! Mempercepatkan 5 kali terkejut Tao Zhexuan, 80% langkah matematik adalah automatik sepenuhnya

Bagaimana untuk membolehkan kemas kini latar belakang dalam vscode Bagaimana untuk membolehkan kemas kini latar belakang dalam vscode Bagaimana untuk membolehkan kemas kini latar belakang dalam vscode Bagaimana untuk membolehkan kemas kini latar belakang dalam vscode May 09, 2024 am 09:52 AM

Bagaimana untuk membolehkan kemas kini latar belakang dalam vscode Bagaimana untuk membolehkan kemas kini latar belakang dalam vscode

Bagaimana untuk menambah fail ke vscode ruang kerja Bagaimana untuk menambah fail ke vscode ruang kerja Bagaimana untuk menambah fail ke vscode ruang kerja Bagaimana untuk menambah fail ke vscode ruang kerja May 09, 2024 am 09:43 AM

Bagaimana untuk menambah fail ke vscode ruang kerja Bagaimana untuk menambah fail ke vscode ruang kerja

Bagaimana untuk melumpuhkan fail konfigurasi wsl dalam vscode Bagaimana untuk melumpuhkan fail konfigurasi wsl dalam vscode Bagaimana untuk melumpuhkan fail konfigurasi wsl dalam vscode Bagaimana untuk melumpuhkan fail konfigurasi wsl dalam vscode May 09, 2024 am 10:30 AM

Bagaimana untuk melumpuhkan fail konfigurasi wsl dalam vscode Bagaimana untuk melumpuhkan fail konfigurasi wsl dalam vscode

Bagaimana untuk menetapkan sisipan lancar animasi dalam tutorial VScode VScode untuk menetapkan sisipan lancar animasi Bagaimana untuk menetapkan sisipan lancar animasi dalam tutorial VScode VScode untuk menetapkan sisipan lancar animasi May 09, 2024 am 09:49 AM

Bagaimana untuk menetapkan sisipan lancar animasi dalam tutorial VScode VScode untuk menetapkan sisipan lancar animasi

See all articles