VS code extensions for frontend developers
Mar 22, 2019 · 3 分钟阅读

Add jsdoc comments

Adds simple jsdoc comments for the parameters of a selected function signature

Bookmarks

Mark lines and jump to them

change-case

Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word

CSS Peek

Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition

EditorConfig for VS Code

EditorConfig Support for Visual Studio Code

ESLint

Integrates ESLint JavaScript into VS Code

HTML CSS Support

CSS support for HTML documents

JavaScript (ES6) code snippets

Code snippets for JavaScript in ES6 syntax

Live Server

Launch a development local Server with live reload feature for static & dynamic pages

npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements

Open

Opens the current file with the default for the OS

Path Intellisense

Visual Studio Code plugin that autocompletes filenames

Project Manager

Easily switch between projects

Quick and Simple Text Selection

Jump to select between quote, brackets, tags, etc

love this extension, it's better than ⇧ + ⌃ + ⌘ + →

Quokka.js

Live Scratchpad for JavaScript

Search node_modules

Quickly search the node_modules folder

Settings Sync

Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist

Turbo Console Log

Automating the process of writing meaningful log messages

Vetur

Vue tooling for VS Code

vscode-faker

Generate fake data for name, address, lorem ipsum, commerce and much more

Vue Peek

Allows peek and goto definition for Vue single-file components

Vue VSCode Snippets

Snippets that will supercharge your Vue workflow

Better Comments

Improve your code commenting by annotating with alert, informational, TODOs, and more!

Bracket Pair Colorizer

A customizable extension for colorizing matching brackets

Debugger for Chrome

Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol

Git History

View git log, file history, compare branches or commits

GitLens — Git supercharged

Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more

Icon Fonts

Snippets for popular icon fonts such as Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons and many more

Import Cost

Display import/require package size in the editor

Live Share

Real-time collaborative development from the comfort of your favorite tools

open in browser

This allows you to open the current file in your default browser or application

Partial Diff

Compare (diff) text selections within a file, across files, or to the clipboard

Polacode

Polaroid for your code

Prettier - Code formatter

Code formatter using prettier

Regex Previewer

Regex matches previewer for JavaScript, TypeScript, PHP and Haxe in Visual Studio Code

REST Client

REST Client for Visual Studio Code

TODO Highlight

highlight TODOs, FIXMEs, and any keywords, annotations…

Version Lens

Shows the latest version for each package using code lens

Window Colors

Automatically adds a unique color to each window's activityBar and titleBar

← Previous Post Next Post →

Ryun的博客
与其感慨路难行,不如马上出发。

atom css design git html javascript jekyll laravel life mac mobile optimization sublime tool vscode vue
mac

About

你好,❤朋友

这里是 Ryun 的博客 📝

📝记录了我学习 🔎的过程

作为一名前端攻城狮 🦁

希望能和大家一起 🔎

共同进步 🏃

🦁的特长:

  • HTML5
  • CSS3
  • JavaScript
  • Vue.js
  • 微信小程序
  • 熟练配合 Node.js、PHP 和 Laravel
  • 熟练使用各种开发和设计工具

🦁喜欢 🆒🆒的东西

对提升效率和美感的事物有兴趣 😋

欢迎 👏交流


see this hugo-theme-dream-ink