de Daniel Deutsch

Favorită Cod Visual Studio Extensii din 2017

Extensii de cod Visual Studio preferate din 2017
Fotografie de Kevin pe Unsplash – https://unsplash.com/photos/w7ZyuGYNpRQ

Iată o listă cu câteva extensii de care mă bucur cu Visual Studio Code (VSCode). Deoarece lucrez mult în front-end, majoritatea acestor extensii vor fi utile dezvoltatorilor web. Am lucrat anterior cu Atom, Visual Studio și Webstorm, dar VSCode mi se potrivește cel mai bine și este incredibil. Dezvoltatorul a făcut o treabă grozavă (și încă o face!). Încercați-o pentru dvs. și bucurați-vă!

„Pentru a vă bucura de viață, nu aveți nevoie de prostii fanteziste, dar trebuie să vă controlați timpul și să vă dați seama că majoritatea lucrurilor nu sunt atât de serioase pe cât le faceți să fie”. – Timothy Ferriss

Extensii HTML

Etichetă de închidere automată

Adăugați automat o etichetă de închidere HTML / XML, la fel ca Visual Studio IDE sau Sublime Text.

Extensii de cod Visual Studio preferate din 2017

Vezi mai mult

Redenumire automată a etichetei

Redenumiți automat o etichetă HTML / XML asociată, la fel ca și Visual Studio IDE.

1611488767 656 Extensii de cod Visual Studio preferate din 2017

Vezi mai mult

Fragmente HTML

Această extensie adaugă suport de limbaj bogat pentru HTML Markup la codul VS, inclusiv: Tag-uri HTML5 complete, colorare și fragmente.

1611488768 552 Extensii de cod Visual Studio preferate din 2017

Vezi mai mult

Extensii Markdown

Deschidere automată Markdown Preview

Această extensie VS Code afișează automat previzualizarea Markdown ori de câte ori deschideți un nou fișier Markdown. Dacă vă simțiți enervant să tastați „Ctrl + KV” sau „⌘ + KV” (previzualizare una lângă alta) de multe ori, această extensie vă ajută.
Vezi mai mult

Markdown TOC

Generați TOC (cuprins) de titluri dintr-un fișier de marcare analizat.
Vezi mai mult

Kit tematic Markdown

Un set de teme bazate pe SublimeText-Markdown / MarkdownEditing.
Vezi mai mult

Verificator ortografic de cod

Un verificator ortografic de bază care funcționează bine cu codul camelCase.
Vezi mai mult

Extensii JavaScript

Babel ES6 / ES7

Adaugă JavaScirpt Babel es6 / es7 colorare sintaxă.
Vezi mai mult

Depanator pentru Chrome

Depanați codul JavaScript în browserul Chrome sau în orice altă țintă care acceptă protocolul Chrome Debugger.

Extensii de cod Visual Studio preferate din 2017

Vezi mai mult

ESLint

Integrează ESLint în VS Code.
Vezi mai mult

Fragmente de cod JavaScript (ES6)

Această extensie conține fragmente de cod pentru JavaScript în sintaxa ES6 pentru editorul Vs Code (acceptă atât JavaScript, cât și TypeScript).
Vezi mai mult

Verificator ortografic de cod

Un verificator ortografic de bază care funcționează bine cu codul camelCase.
Vezi mai mult

Node.js Module Intellisense

Plugin Visual Studio Code care completează automat modulele JavaScript / TypeScript în declarațiile de import.

1611488769 658 Extensii de cod Visual Studio preferate din 2017

Vezi mai mult

Fragmente React-Native / React / Redux pentru ES6 / ES7

Vezi mai mult

TSLint

Integra linia tslint pentru limbajul TypeScript în codul VS.
Vezi mai mult

componente-stil-vscode

Evidențierea sintaxei pentru componentele stilizate.
Vezi mai mult

GraphQL pentru VSCode

Evidențierea sintaxei GraphQL, sclipirea, completarea automată și multe altele!
Vezi mai mult

fire

comenzi fire pentru VSCode.
Vezi mai mult

Extensii generale

Evidențierea culorii

vscode-ext-color-highlight. Această extensie stilizează culorile CSS / web găsite în documentul dvs.
Vezi mai mult

CSS și JS Loader personalizate

Personalizați CSS pentru codul dvs. VS. Bazat pe icoanele vscode ale lui Roberto Huertasm.

1611488770 525 Extensii de cod Visual Studio preferate din 2017

Vezi mai mult

EditorConfig pentru VS Code

EditorConfig îi ajută pe dezvoltatori să definească și să mențină stiluri de codare coerente între diferiți editori și IDE-uri. Proiectul EditorConfig constă dintr-un format de fișier pentru definirea stilurilor de codare și o colecție de pluginuri pentru editorul de text care permit editorilor să citească formatul de fișier și să adere la stilurile definite.
Vezi mai mult

Șabloane de fișiere

Extensie de cod Visual Studio care permite crearea rapidă a fișierelor noi pe baza șabloanelor definite.
Vezi mai mult

Istoricul Git (jurnalul git)

Vizualizați jurnalul git împreună cu graficul și detaliile. Vizualizați istoricul unui fișier (jurnal Git) sau istoricul unei linii dintr-un fișier (Git Blame). Vizualizați o copie anterioară a fișierului. Comparați o versiune anterioară cu versiunea din spațiul de lucru sau alta. Vizualizați detaliile jurnalului de validare pentru o validare selectată. Comparați comitetele.

1611488771 467 Extensii de cod Visual Studio preferate din 2017

Vezi mai mult

Ghiduri

O extensie Visual Studio Code pentru mai multe linii de ghidare.

1611488772 118 Extensii de cod Visual Studio preferate din 2017

Vezi mai mult

Tema pictogramelor materiale

Tema cu pictograme materiale oferă o mulțime de pictograme bazate pe Material Design pentru Visual Studio Code.
Vezi mai mult

Suporturi curcubeu

Oferiți culori curcubeu pentru parantezele rotunde, parantezele pătrate și parantezele squiggly.
Vezi mai mult

Mai frumoasă

Pachetul Cod VS pentru a vă formata JavaScript / TypeScript / CSS utilizând Prettier.
Vezi mai mult

Manager de proiect

Gestionați-vă proiectele chiar în Visual Studio Code. Accesați cu ușurință și comutați între ele.
Vezi mai mult

Tema – Seti-Monokai

Schema de culori Seti Monokai.
Vezi mai mult

WakaTime

Valori, statistici și urmărire temporală generate automat din activitatea dvs. de programare.
Vezi mai mult

Setări sincronizare

Sincronizați setări, fragmente, teme, pictograme de fișiere, lansare, legături de taste, spații de lucru și extensii pe mai multe mașini folosind GitHub Gist.
Vezi mai mult

Mulțumesc că mi-ai citit articolul! Simțiți-vă liber să lăsați orice feedback!

Daniel este LL.M. student în dreptul afacerilor, lucrând ca inginer software și organizator de evenimente legate de tehnologie la Viena. Eforturile sale actuale de învățare personală se concentrează pe învățarea automată.

Conectați-vă la: