WIS Code Extension Pack
Included addons
- angular2-switcher - Easily navigate to component's files in angular2 project.
- SCSS IntelliSense - Advanced autocompletion and refactoring support for SCSS
- Git Graph - View a Git Graph of your repository, and perform Git actions from the graph.
- css-triggers - Adds cost indicator to css properties in the form of inline decorations
- vscode-pdf - Display pdf file in VSCode.
- open in browser - This allows you to open the current file in your default browser or application.
- Visual Studio IntelliCode - AI-assisted development
- Document This - Automatically generates detailed JSDoc comments in TypeScript and JavaScript files.
- Regex Previewer - Regex matches previewer for JavaScript, TypeScript, PHP and Haxe in Visual Studio Code.
- Prettier - Code formatter - VS Code plugin for prettier/prettier
- Angular 2 TypeScript Emmet - Support zen-coding syntax for Angular 2 typescript files.
- Gremlins tracker for Visual Studio Code - Reveals some characters that can be harmful because they are invisible or looking like legitimate ones. Inspired by Sublime Gremlins.
- npm - npm support for VS Code
- SVG Viewer - SVG Viewer for Visual Studio Code.
- angular2-inline - Visual Studio Code language extension for javascript/typescript files that use Angular2.
- EditorConfig for VS Code - EditorConfig Support for Visual Studio Code
- Rainbow CSV - Highlight CSV and TSV files in different colors, Run SQL-like queries
- Statusbar error - Show error and warning messages in the status bar, gutter or on the current line
- npm Intellisense - Visual Studio Code plugin that autocompletes npm modules in import statements
- Output Colorizer - Syntax highlighting for log files
- HTMLHint - VS Code integration for HTMLHint - A Static Code Analysis Tool for HTML
- advanced-new-file - Create files anywhere in your workspace from the keyboard
- colorize - A vscode extension to help visualize css colors in files.
- XML Tools - XML Formatting, XQuery, and XPath Tools for Visual Studio Code
- REST Client - REST Client for Visual Studio Code
- Prettify JSON - Visual Studio Code Prettify JSON Extension
- Paste JSON as Code - Copy JSON, paste as Go, TypeScript, C#, C++ and more.
- Bracket Pair Colorizer - A customizable extension for colorizing matching brackets
- scss-lint - a scss-lint extension for vscode
- Autoprefixer - Parse CSS and add vendor prefixes automatically.
- Angular v7 Snippets - Angular v7 snippets by John Papa
- Angular Language Service - Editor services for Angular templates
- vscode-angular-html - Syntax highlighting for angular HTML Template files
- Sass - Indented Sass syntax highlighting, autocomplete & snippets
- Version Lens - Shows the latest version for each package using code lens
- ESLint - Integrates ESLint JavaScript into VS Code.
- Angular Follow Selector - Enables clicking on Angular selectors in your HTML files and being redirected to their component definition, as well as the other way around by clicking on templateUrl and styleUrls in your component.
- Angular Console - Angular Console for Visual Studio Code. The user interface app for the Angular CLI
- Partial Diff - Compare (diff) text selections within a file, across files, or to the clipboard
- Turbo Console Log - Automating the process of writing meaningful log messages.
- Angular Schematics - Angular schematics (CLI commands) from files Explorer or Command Palette.
- SCSS Formatter - A Visual Studio Code Extension to format SCSS
- CSSTree validator - Validate CSS according to W3C specs and browser implementations
- ErrorLens - Improve the highlighting of errors, warnings and other language diagnostics.
- Angular 8 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout - 242 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, ngRx, RxJS, PWA & Testing) Updated for v8 Beta
- markdownlint - Markdown linting and style checking for Visual Studio Code
- stylelint - Modern CSS/SCSS/Less linter
- Spell Right - Multilingual, Offline and Lightweight Spellchecker
- Beautify - Beautify code in place for VS Code
- GraphQL for VSCode - GraphQL syntax highlighting, linting, auto-complete, and more!
- Log File Highlighter - Adds color highlighting to log files to make it easier to follow the flow of log events and identify problems.
- 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
- Statusbar error - Show error and warning messages in the status bar, gutter or on the current line
- Debugger for Chrome - Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.
Recommended settings
{
"breadcrumbs.enabled": true,
"csstriggers.showExtendedInformation": true,
"csstriggers.showLegend": true,
"diffEditor.ignoreTrimWhitespace": false,
"editor.accessibilitySupport": "off",
"editor.fontLigatures": true,
"editor.renderControlCharacters": false,
"editor.suggestSelection": "first",
"errorLens.statusBarControl": "never",
"eslint.validate": [ "javascript" ],
"extensions.ignoreRecommendations": true,
"extensions.showRecommendationsOnlyOnDemand": true,
"files.insertFinalNewline": true,
"files.trimFinalNewlines": true,
"git.autofetch": true,
"githubPullRequests.telemetry.enabled": false,
"javascript.preferences.quoteStyle": "single",
"javascript.referencesCodeLens.enabled": true,
"prettier.requireConfig": true,
"prettier.stylelintIntegration": true,
"prettier.tslintIntegration": true,
"spellright.groupDictionaries": false,
"spellright.language": [ "en-US" ],
"typescript.implementationsCodeLens.enabled": true,
"typescript.preferences.quoteStyle": "single",
"typescript.referencesCodeLens.enabled": true,
"window.zoomLevel": 0,
"workbench.statusBar.feedback.visible": false
}
Copy&Paste (or adjust settings) to your VSCode settings.json file.
| |
