


[Résumé de l'hématémèse] 23 plug-ins VSCode pour vous aider à améliorer l'efficacité et l'esthétique du développement
Cet article résume 23 plug-ins VSCode avec diverses fonctions, qui peuvent aider les développeurs à améliorer l'efficacité et l'esthétique du développement. J'espère que cela sera utile à tout le monde !
Qu'est-ce que VSCode ?
VSCode
(nom complet : Visual Studio Code) est un éditeur de code source gratuit multiplateforme développé par Microsoft. Le logiciel prend en charge la coloration syntaxique, la complétion automatique du code, la reconstruction du code et les fonctions de visualisation des définitions, et dispose d'outils de ligne de commande intégrés et d'un système de contrôle de version Git
. Les utilisateurs peuvent modifier les thèmes et les raccourcis clavier pour personnaliser les paramètres, et peuvent également installer des extensions via le magasin d'extensions intégré pour étendre les fonctionnalités du logiciel. [Apprentissage recommandé : "tutoriel d'introduction au vscodeVSCode
(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全、代码重构、查看定义功能,并且内置了命令行工具和Git
版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓展软件功能。【推荐学习:《vscode入门教程》】
VSCode
默认支持非常多的编程语言,包括JavaScript
、TypeScript
、CSS
和HTML
;也可以通过下载扩展支持Python
、C/C++
、Java
和Go
在内的其他语言。VSCode
也支持调试 Node.js
程序。
VSCode
支持同时打开多个目录,并将信息保存在工作区中以便复用。作为跨平台的编辑器,VSCode
允许用户更改文件的代码页、换行符和编程语言。
VSCode的下载安装
Windows
打开VSCode官网直接下载即可。Linux
Linux平台下安装VSCode速度很慢,可以用以下方法:
- 通过国内源下载VSCode
- 将压缩包解压并移动到
usr/local
目录:sudo mv VSCode-linux-x64 /usr/local/
- 获取运行权限:
sudo chmod +x /usr/local/VSCode-linux-x64/code
- 安装VSCode(注意此处只能用普通用户权限):
/usr/local/VSCode-linux-x64/code
- 创建软链接:
sudo ln -s /usr/local/VSCode-linux-x64/code /usr/local/bin/vscode
, 之后在任意位置可通过终端输入vscode
启动软件
VSCode插件集合
美观类
1 CodeSnap
CodeSnap
可以轻松生成高分辨率,精美的代码图片
使用方式很简单:
使用命令将 Codesnap 调出
复制要作为输出的一部分的代码
保存图像到本地
2 :emojisense:
:emojisense:
可以为MarkDown文档或命令行输出表情,让编程更有趣
直接复制Emoji大全里喜欢的标签即可,例如下面我给数据集训练过程的命令行增加了表情。
3 Marquee
Marquee
可以将编程主屏幕改造得更实用或更美观。有了这个扩展,你可以看新闻报道,天气!此外,Marquee 支持用户将项目添加到个人待办事项列表中,以及一些快速笔记的暂存板。一些小但有用的插件功能。
4 Material Theme
Material Theme
为 VScode 安装不同的主题,允许你根据自己的喜好自定义整个编辑器的外观。
下面是我个人使用的FireFly Pro
"]
VSCode
prend en charge de nombreux langages de programmation par défaut, notamment JavaScript
, TypeScript
, CSS
et HTML
; Des langages supplémentaires, notamment Python
, C/C++
, Java
et Go
, peuvent également être pris en charge en téléchargeant des extensions. VSCode
prend également en charge le débogage des programmes Node.js
.

VSCode
prend en charge l'ouverture de plusieurs répertoires en même temps et l'enregistrement des informations dans l'espace de travail pour les réutiliser. En tant qu'éditeur multiplateforme, VSCode
permet aux utilisateurs de modifier la page de codes, les sauts de ligne et le langage de programmation d'un fichier. 🎜🎜🎜Téléchargez et installez VSCode🎜🎜- 🎜🎜Windows🎜
Ouvrez le site officiel de VSCode et téléchargez-le directement. 🎜 - 🎜🎜Linux🎜
L'installation de VSCode sur la plateforme Linux est très lente. Vous pouvez utiliser la méthode suivante : 🎜li>
🎜🎜Collection de plug-ins VSCode🎜🎜
- Télécharger VSCode à partir de sources nationales
- Extraire le package compressé et déplacez-le vers le répertoire
usr/local
:sudo mv VSCode -linux-x64 /usr/local/
- Obtenir les autorisations d'exécution :
sudo chmod +x /usr/local/VSCode-linux-x64/code
- Installer VSCode (Notez que seules les autorisations des utilisateurs ordinaires peuvent être utilisées ici) :
/usr/local/VSCode-linux-x64/code
- Créez un lien symbolique :
sudo ln -s /usr/local/VSCode-linux-x64/code /usr/local/bin/vscode
, puis saisissezvscode Démarrez le logiciel
🎜Belle catégorie🎜
🎜1 CodeSnap🎜
🎜 CodeSnap
peut facilement générer de superbes images de code haute résolution
- 🎜Utilisez la commande pour appeler Codesnap🎜
- 🎜Copiez le code pour faire partie de la sortie🎜
- 🎜Enregistrez l'image localement🎜
🎜2 :emojisense:🎜
🎜 : emojisense :
Peut générer des émoticônes pour les documents MarkDown ou les lignes de commande, rendant la programmation plus intéressante

🎜3 Marquee 🎜
🎜Marquee
peut transformer l'écran d'accueil de programmation pour le rendre plus pratique ou plus beau. Avec cette extension, vous pouvez regarder les informations, la météo ! De plus, Marquee permet aux utilisateurs d'ajouter des éléments à une liste de tâches personnelle, ainsi qu'un tableau à gratter pour des notes rapides. Quelques fonctionnalités de plugin petites mais utiles. 

🎜4 Thème matériel 🎜
🎜Matériel Thème
Installez différents thèmes pour VScode, vous permettant de personnaliser l'apparence de l'ensemble de l'éditeur en fonction de vos préférences. 
FireFly Pro
que j'utilise personnellement. 🎜🎜🎜🎜5 Signets
Bookmarks
vous permet d'ajouter des signets au code dans votre espace de travail pour des lignes spécifiques de différents fichiers. Bookmarks
允许你在工作区中针对不同文件的特定行向代码添加书签。
6 Bracket Pair Colorizer
Bracket Pair Colorizer
给括号加上不同的颜色,便于区分不同的区块。
7 vscode-icons
vscode-icons
给VSCode文件更换更好看的图标。
编程类(前端)
1 Vetur
Vetur
为Vue项目提供语法高亮、智能感知等。
2 Auto Close Tag
Auto Close Tag
自动闭合HTML/XML标签。
3 Auto Rename Tag
Auto Rename Tag
自动重命名HTML/XML标签。
4 formate: CSS/LESS/SCSS formatter
formate: CSS/LESS/SCSS formatter
格式化CSS/LESS/SCSS以增强可读性。
5 Live Server
Live Server
为静态和动态页面启动具有实时重新加载功能的开发本地服务器。
6 Debugger for Chrome
Debugger for Chrome
将JS代码的调试嵌入Chrome浏览器。
编程类(C/C++)
1 C/C++
C/C++
为VSCode添加了对C/C++的语言支持,包括 IntelliSense 和Debugging等功能。
2 C++ Intellisense
C++ Intellisense
为VSCode添加了对C/C++的智能感知。
3 CMake Tools
CMake Tools
为VSCode添加了对CMake的支持与感知。
编程类(Python)
1 Python
Python
为VSCode添加了对Python的语言支持,包括 IntelliSense 和Debugging等功能。
2 Jupyter
Jupyter
为VSCode添加了对Jupyter Notebook的功能支持。
效率类
1 Git Graph
Git Graph
可视化你的Git提交流程。
2 koroFileHeader
koroFileHeader
用于格式化生成文件头部注释和函数注释。
3 Code Runner
Code Runner
用于直接运行多种语言的代码片段或文件。
4 Better Comments
Better Comments

Bracket Pair Colorizer
ajoute différentes couleurs aux supports pour distinguer facilement les différents blocs. 🎜🎜
vscode-icons
Remplacez les fichiers VSCode par des icônes plus belles. 🎜🎜
Classe de programmation ( Front-end)
🎜🎜1 Vetur🎜🎜🎜Vetur
fournit une coloration syntaxique, une détection intelligente, etc. pour les projets Vue. 🎜🎜
Auto Close Tag
Fermez automatiquement les balises HTML/XML. 🎜🎜
Auto Rename Tag
Renommez automatiquement les balises HTML/XML. 🎜🎜
format : CSS/LESS/SCSS formateur
Formate CSS/LESS/SCSS pour améliorer la lisibilité. 🎜🎜
Live Server
lance un serveur local de développement avec des capacités de rechargement en direct pour les pages statiques et dynamiques. 🎜🎜
Debugger for Chrome
intègre le débogage du code JS dans le navigateur Chrome. 🎜🎜
Classe de programmation ( C/C++)
🎜🎜1 C/C++🎜🎜🎜C/C++
ajoute la prise en charge du langage C/C++ à VSCode, y compris des fonctions telles qu'IntelliSense et le débogage. 🎜🎜
C++ Intellisense
ajoute la perception intelligente C/C++ à VSCode. 🎜🎜
CMake Tools
ajoute la prise en charge et la sensibilisation de CMake à VSCode. 🎜🎜
Classe de programmation ( Python)
🎜🎜1 Python🎜🎜🎜Python
ajoute la prise en charge du langage Python à VSCode, y compris des fonctions telles qu'IntelliSense et Debugging. 🎜🎜
Jupyter
ajoute la prise en charge fonctionnelle de Jupyter Notebook à VSCode. 🎜🎜
Classe d'efficacité 🎜🎜1 Git Graph🎜🎜🎜Git Graph
Visualisez votre processus de soumission Git. 🎜🎜
🎜🎜🎜2 koroFileHeader🎜 🎜 🎜koroFileHeader
est utilisé pour formater et générer des commentaires d'en-tête de fichier et des commentaires de fonction. 🎜🎜
🎜🎜🎜3 Code Runner 🎜 🎜🎜Code Runner
est utilisé pour exécuter directement des extraits de code ou des fichiers dans plusieurs langues. 🎜🎜
🎜🎜🎜4 Meilleurs commentaires 🎜 🎜🎜Meilleurs commentaires
permet de mettre en évidence divers types spécifiques de commentaires pour les commentaires de code. 🎜🎜🎜🎜5 CodeTime
CodeTime
fournit chaque jour une analyse des données de votre temps de codage.
Pour plus de connaissances sur VSCode, veuillez visiter : tutoriel vscode ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Tout d'abord, ouvrez le logiciel vscode sur l'ordinateur, cliquez sur l'icône [Extension] à gauche, comme indiqué en ① sur la figure. Ensuite, entrez [officeviewer] dans la zone de recherche de l'interface d'extension, comme indiqué en ② sur la figure. . Ensuite, dans la recherche, sélectionnez [officeviewer] à installer dans les résultats, comme indiqué dans ③ sur la figure. Enfin, ouvrez le fichier, tel que docx, pdf, etc., comme indiqué ci-dessous.

Tout d'abord, ouvrez le code Visual Studio sur l'ordinateur, cliquez sur les quatre boutons carrés à gauche, puis saisissez draw.io dans la zone de recherche pour interroger le plug-in, cliquez sur Installer. Après l'installation, créez un nouveau fichier test.drawio, puis. sélectionnez le fichier test.drawio, entrez dans le mode d'édition sur la gauche. Il y a différents graphiques sur le côté. Vous pouvez dessiner l'organigramme en sélectionnant à volonté, cliquez sur Fichier → Intégrer → svg puis sélectionnez Copier le svg. Collez le code svg copié dans le code html. Ouvrez la page Web html et vous pourrez le voir. Cliquez sur l'image sur la page Web pour accéder à l'organigramme. Sur cette page, vous pouvez zoomer et dézoomer. organigramme. Ici, nous choisissons de cliquer sur le motif de crayon dans le coin inférieur droit pour accéder à la page Web.

LeanCopilot, cet outil mathématique formel vanté par de nombreux mathématiciens comme Terence Tao, a encore évolué ? Tout à l'heure, Anima Anandkumar, professeur à Caltech, a annoncé que l'équipe avait publié une version étendue de l'article LeanCopilot et mis à jour la base de code. Adresse de l'article image : https://arxiv.org/pdf/2404.12534.pdf Les dernières expériences montrent que cet outil Copilot peut automatiser plus de 80 % des étapes de preuve mathématique ! Ce record est 2,3 fois meilleur que le précédent record d’Esope. Et, comme auparavant, il est open source sous licence MIT. Sur la photo, il s'agit de Song Peiyang, un garçon chinois.

1. Tout d'abord, ouvrez le logiciel vscode, cliquez sur l'icône de l'explorateur et recherchez la fenêtre de l'espace de travail 2. Ensuite, cliquez sur le menu Fichier dans le coin supérieur gauche et recherchez l'option Ajouter un dossier à l'espace de travail 3. Enfin, recherchez l'emplacement du dossier dans le disque local, cliquez sur le bouton Ajouter

1. Tout d'abord, après avoir ouvert l'interface, cliquez sur le menu Fichier dans le coin supérieur gauche. 2. Ensuite, cliquez sur le bouton Paramètres dans la colonne des préférences. 3. Ensuite, dans la page des paramètres qui apparaît, recherchez la section de mise à jour. Enfin, cliquez sur la souris pour le vérifier et l'activer. Téléchargez et installez le nouveau bouton de version de VSCode en arrière-plan sous Windows et redémarrez le programme.

1. Tout d'abord, ouvrez l'option des paramètres dans le menu des paramètres. 2. Ensuite, recherchez la colonne du terminal dans la page couramment utilisée. 3. Enfin, décochez le bouton usewslprofiles sur le côté droit de la colonne.

1. Tout d'abord, après avoir ouvert l'interface, cliquez sur l'interface de l'espace de travail 2. Ensuite, dans le panneau d'édition ouvert, cliquez sur le menu Fichier 3. Ensuite, cliquez sur le bouton Paramètres sous la colonne Préférences 4. Enfin, cliquez sur la souris pour vérifier le CursorSmoothCaretAnimation bouton et enregistrez. Il suffit de le définir

1. Tout d'abord, après avoir ouvert la fenêtre d'édition, cliquez sur l'icône de configuration dans le coin inférieur gauche 2. Ensuite, cliquez sur le bouton Gérer l'approbation de l'espace de travail dans le sous-menu qui s'ouvre 3. Ensuite, recherchez la page dans la fenêtre d'édition 4. Enfin, selon à votre bureau Vérifiez simplement les instructions pertinentes si nécessaire
