优秀的编程知识分享平台

网站首页 > 技术文章 正文

实用VSCode 插件,让你的开发效率倍增

nanyue 2025-01-10 15:57:02 技术文章 3 ℃

Auto Rename Tag

使用该插件,可以在重命名一个 HTML 标签时,自动重命名 HTML 标签的开始和结束标签。避免只修改了开始标签,而忘记修改结束标签。该扩展适用于 HTML、XML。



Auto Close Tag

Auto Close Tag 插件用于自动补全HTML结束标签。

Code Runner

运行多种语言的代码片段或代码文件:C、C++、Java、JavaScript、PHP、Python、Perl、Perl 6、Ruby、Go、Lua、Groovy、PowerShell、BAT/CMD、BASH/SH、F# Script、F#( .NET Core)、C# 脚本、C# (.NET Core)、VBScript、TypeScript、CoffeeScript、Scala、Swift、Julia、Crystal、OCaml Script、R、AppleScript、Elixir、Visual Basic .NET、Clojure、Haxe、Objective-C 、Rust、Racket、Scheme、AutoHotkey、AutoIt、Kotlin、Dart、Free Pascal、Haskell、Nim、D、Lisp、Kit、V、SCSS、Sass、CUDA、Less、Fortran、Ring、标准 ML、Zig 和自定义命令



Better Comments

一款美化注释的插件,可以根据不同种类的注释,显示不同的颜色,一目了然。




GitLens

GitLens 增强了 Visual Studio Code 中内置的 Git 功能。

Prettier - Code formatter

Prettier 是一个固执己见的代码格式化程序。 它通过解析您的代码并使用自己的规则重新打印它来执行一致的样式,这些规则考虑了最大行长度,并在必要时包装代码。


Project Manager

用 vscode 经常在项目里切换来切换去,Open Directory 效率太低,命令行 code . 用着也不方便,这个 Project Manager 是解决这个痛点存在的:

  • 左上是项目收藏面板,点击 “软盘”图标可以收藏当前项目,下次直接点击就切换。
  • 左下是项目扫描,设定几个目录,会自动扫描这几个目录下面所有 svn/git 项目,双击切换。

有了这两个面板,项目切换随心所欲,想切就切。



IntelliCode

从 GitHub 上高星的开源项目经过大量的机器学习训练,给开发者提供最合适的 IntelliSense 上下文建议功能,除此之外,还有代码格式化和规则推测等功能。



Beautify

Beautify 可以帮助我们以更美观的方式格式化代码。它支持 JavaScript、JSON、CSS、Sass 和 HTML 等流行语言。



Remote-SSH

Remote-SSH 可以使用任何带有 SSH 服务器的远程机器作为开发环境。由于扩展直接在远程服务器上运行命令,因此无需在本地机器上放置源代码即可快速操作远程服务器。


Live Server

Live Server是一个具有实时加载功能的小型服务器,可以在项目中用live-server作为一个实时服务器实时查看开发的网页或项目效果。

它是为静态和动态页面启动具有实时重新加载功能的本地开发服务器,在状态栏中单击即可启动或停止服务器。



Color Highlight

此扩展可以用来设置 CSS 颜色的样式。除了 CSS 之外,它还会对不显示默认颜色的 JavaScript、HTML、JSON 等文件进行着色。该插件会对颜色名称、RGB、RGBA 和十六进制颜色进行着色。



ES7 React/Redux/GraphQL/React-Native snippets

React/Redux/Reatc Native/react-router 语法智能提示,React 开发者必备。借助此代码段,可以轻松创建基于类的组件、function组件。

npm Intellisense

npm 安装包之后,在 require 时提供该插件可以获得智能提示,import 语句中自动填充 npm 模块。


ESLint

将 ESLint 集成到 VS 代码中。

Path Intellisense

路径提示插件


Docker

Docker 扩展使从 Visual Studio Code 构建、管理和部署容器化应用程序变得容易。 它还提供容器内 Node.js、Python 和 .NET Core 的一键式调试。


HTML CSS Support

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



最近发表
标签列表