前端自用VS CODE插件推荐

Arthur
2022-05-01 / 0 评论 / 209 阅读 / 正在检测是否收录...

前端自用VS CODE插件推荐

Autoprefixer

Parse CSS and add vendor prefixes automatically.

截屏2022-05-01 14.54.50

da82a3c6-496b-11e6-8d95-0bebbf0b9607

Beauty

a plugin for beautify & format several web based languages.

Just beautify and format you code in your workspace.

TB1IwoDigMPMeJjy1XdXXasrXXa-1116-526

TB1lR.AigMPMeJjy1XdXXasrXXa-1116-526

Bracket Pair Colorizer

This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.

截屏2022-05-01 14.57.45

CSS Formatter

Formatter for CSS

Document This

"Document This" is a Visual Studio Code extension that automatically generates detailed JSDoc comments for both TypeScript and JavaScript files.

demo

ESLint

Integrates ESLint JavaScript into VS Code.

截屏2022-05-01 15.00.14

filesize

Show the current file size in the status bar

This package is intended for use with the Visual Studio Code editor and it displays the size of the focused file in the status bar of the editor.

_Y52O-UfkK

Format HTML in PHP

This extension provides formatting for the HTML code in PHP files. This way this works is this extension runs right before the save action which triggers any other registered PHP formatting extensions so you are free to have one and this will not get in the way or block it.

截屏2022-05-01 15.01.57

FreeMarker

FreeMarker language colorization extension for Visual Studio Code. You can read more about FreeMarker here.

Syntax highlight for FreeMarker

vscode-freemarker-syntax

GitHub Copilot!!!!!!!

Your AI pair programmer!

GitHub Copilot is an AI pair programmer which suggests line completions and entire function bodies as you type. GitHub Copilot is powered by the OpenAI Codex AI system, trained on public Internet text and billions of lines of code.

截屏2022-05-01 15.03.20

GitLens — Git supercharged

截屏2022-05-01 15.04.30

GitLens supercharges Git inside VS Code and unlocks untapped knowledge within each repository. It helps you to visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more.

截屏2022-05-01 15.04.16

HTML CSS Support

CSS Intellisense for HTML

  • HTML id and class attribute completion.
  • Supports linked and embedded style sheets.
  • Supports template inheritance.
  • Supports additional style sheets.
  • Supports other HTML like languages.
  • Validates CSS selectors on demand.

截屏2022-05-01 15.05.41

HTML Snippets

Full HTML tags including HTML5 Snippets

截屏2022-05-01 15.06.20

HTMLHint

VS Code integration for HTMLHint - A Static Code Analysis Tool for HTML

76229854-87390c00-622b-11ea-80d7-025e33b32300

jQuery Code Snippets

Over 130 jQuery Code Snippets

Just type the letters 'jq' to get a list of all available jQuery Code Snippets.

snippets

markdown-formatter

This is a tool to improve the writing efficiency of markdown, not only provides a relatively uniform format for the markdown user, but also provides some snippets.

example

Minify

Minify your js, css and html files to save transmit bandwidth. Calls each of the minifiers directly, allowing settings to be passed:

截屏2022-05-01 15.08.46

node-snippets

snippets for node + libraries

This is an extension meant to give you some awesome NodeJS snippets

node-snippets

Path Intellisense

Visual Studio Code plugin that autocompletes filenames.

iaHeUiDeTUZuo

PHP Intelephense

PHP code intelligence for Visual Studio Code.

Intelephense is a high performance PHP language server packed full of essential features for productive PHP development.

截屏2022-05-01 15.10.28

PowerShell

Develop PowerShell modules, commands and scripts in Visual Studio Code!

This extension provides rich PowerShell language support for Visual Studio Code (VS Code). Now you can write and debug PowerShell scripts using the excellent IDE-like interface that Visual Studio Code provides.

截屏2022-05-01 15.11.08

Pylance

Pylance is an extension that works alongside Python in Visual Studio Code to provide performant language support. Under the hood, Pylance is powered by Pyright, Microsoft's static type checking tool. Using Pyright, Pylance has the ability to supercharge your Python IntelliSense experience with rich type information, helping you write better code faster.

Pylance is the default language support for Python in Visual Studio Code and is shipped as part of that extension as an optional dependency.

The Pylance name is a small ode to Monty Python's Lancelot who was the first knight to answer the bridgekeeper's questions in the Holy Grail.

all-features

React Native Tools

This VS Code extension provides a development environment for React Native projects. Using this extension, you can debug your code and quickly run react-native commands from the command palette.

react-features

React-Native/React/Redux snippets for es6/es7

Code snippets for React-Native/React/Redux es6/es7 and flowtype/typescript

截屏2022-05-01 15.12.48

Sass

Indented Sass syntax Highlighting, Autocomplete & Formatter

截屏2022-05-01 15.13.19

Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro

0
如果你觉得文章还不错,可以请我喝杯咖啡啊哈哈哈
wechat alipay

评论 (0)

取消