最新VisualStudioCode最全实用插件_vscode常用前端插件_vscode插件配置_visual studio code美化插件

作者：小蓝xlanll | 2024-05-28 05:09:11

踩

visual studio code美化插件

vscode插件大全，最完美配置vscode教程

工欲善其事必先利其器，开发前先把提升效率的利器搭好会让今后慢慢的编程长路舒服很多，vscode如果把插件配置好，比jb家的差不了多少，在这里推荐一些自用插件，再使用作者的插件配置会让你的使用感觉强过其他任何编辑器！

代码美化

Beautify: 一个用于美化代码的插件，支持多种语言格式化。
Prettier - Code formatter: 一款代码格式化工具，支持大多数语言，并提供多种格式化配置选项。

代码提示

python snippets: 为Python语言提供代码片段。
Reactjs code snippets: 为 ReactJS 提供常用代码片段。
Vue 3 Snippets: 为 Vue 3 提供常用代码片段。
Vue VSCode Snippets: 为 Vue 2 提供常用代码片段。
wechat-snippet: 为微信小程序提供代码片段。
GitHub Copilot Nightly: 由 GitHub 开发的 AI 代码助手，提供代码自动生成功能。

在这里插入图片描述

代码检查

ESLint: JavaScript 代码检查工具。
Pylance: Microsoft 出品的 Python 语言服务器，支持代码补全、类型检查等。
Error Lens: 在代码中直接显示错误和警告信息。

在这里插入图片描述

koroFileHeader: 为代码文件添加头部注释。

在这里插入图片描述

Search node_modules: 快速查找项目中的 node_modules 目录。

在这里插入图片描述

文件操作

Auto Rename Tag: 自动重命名 HTML/XML 标签的插件。

在这里插入图片描述

file-jump: 快速跳转到工作区内的文件。

在这里插入图片描述

SFTP: 支持 SFTP 和 FTPS 协议的文件传输工具。

{
    "host": "",    //ip 
    "port": 22,    //端口
    "username": "", //服务器账号
    "password": "",//服务器密码
    "protocol": "sftp", 
    "agent": null,  
    "privateKeyPath": null,
    "passphrase": null,
    "passive": false,
    "interactiveAuth": false,
    "remotePath": "/www/wwwroot/vuepress/dist", //需要同步的服务器文档位置 
    "context": "c:/Users/zzy19/Desktop/md/press/dist",        //本地位置
    
    "uploadOnSave": true,  
    "syncMode": "update",
    "watcher": {           
        "files": false,    
        "autoUpload": false,
        "autoDelete": false
    },
    "ignore": [           
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
    ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27