Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/newaeonweb/extensions-utilities-package

Extension bundle for Visual Studio Code including: productivity tools, Angular snippets, Linters for: SCSS, TypeScript, stylelint, Git and Github utilities and code completion.
https://github.com/newaeonweb/extensions-utilities-package

angular7 docker git github linters vscode-extension vscode-snippets

Last synced: 2 days ago
JSON representation

Extension bundle for Visual Studio Code including: productivity tools, Angular snippets, Linters for: SCSS, TypeScript, stylelint, Git and Github utilities and code completion.

Awesome Lists containing this project

README

        

# Extension Utilities Pack

Extension bundle for Visual Studio Code including: productivity tools, Angular snippets, Linters for: SCSS, TypeScript, stylelint, Git and Github utilities and code completion.

## What's inside for developer experience Improvements

#### Angular

[Angular Language Service](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template): Angular Language Service.

[Angular go to definition](https://marketplace.visualstudio.com/items?itemName=vismalietuva.vscode-angular-support): Angular go to definition.

[Angular v7 Snippets](https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2): Angular v7 Snippets.

[angular2-inline](https://marketplace.visualstudio.com/items?itemName=natewallace.angular2-inline): Visual Studio Code language extension for javascript/typescript files that use Angular2.

[Angular 2 TypeScript Emmet](https://marketplace.visualstudio.com/items?itemName=jakethashi.vscode-angular2-emmet): Support zen-coding syntax for Angular 2 typescript files.

[Angular Schematics](https://marketplace.visualstudio.com/items?itemName=cyrilletuzi.angular-schematics): Launch Angular schematics (CLI commands) from files Explorer (right-click) or Command Palette.

#### Linters

[Sass Lint](https://marketplace.visualstudio.com/items?itemName=glen-84.sass-lint): Sass Lint.

[Stylelint](https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint): Lint CSS/SCSS/Less with stylelint.

[TypeScript TSLint Plugin](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin): Provides TSLint support using the typescript-tslint-plugin. **Important: If you also have the vscode-tslint extension in VS Code installed, please disable it to avoid linting files twice.**

#### Intellisense

[Npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense): Autocompletes npm modules in import statements.

[Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense): Visual Studio Code plugin that autocompletes filenames.

[SCSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss): Advanced autocompletion and refactoring support for SCSS.

[IntelliSense for CSS class names in HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion): CSS class name completion for the HTML class attribute based on the definitions found in your workspace.

#### Git and Github integration

[Git Extension Pack](https://marketplace.visualstudio.com/items?itemName=donjayamanne.git-extension-pack): Git extension package include: Git History, Project Managet, GitLens, Gitignore, Open in Github.

[Github Pull Request](https://marketplace.visualstudio.com/items?itemName=jasonnutter.github-pr): Manage PRs in Github from VS Code.

#### Visual Helpers and useful utilities

[Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer): A customizable extension for colorizing matching brackets.

[Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments): Add color to TODO comments.

[Vscode Icons](https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons): File Icons - Includes Angular specific icons.

[Output Colorizer](https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer): Adds syntax colorization for both the output/debug/extensions panel and `.log` files.

[Line Indicator](https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator): Highlights your current indent depth.

[VS Code CSS Comments](https://marketplace.visualstudio.com/items?itemName=ashhitch.vs-code-css-comments): CSS comments made easy and consistent with these VS Code Snippets.

[Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag): Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

[Auto Close Tags](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag): Auto-close HTML tags.

[CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek): Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.

[HTML SCSS Support](https://marketplace.visualstudio.com/items?itemName=P-de-Jong.vscode-html-scss): SCSS support for HTML documents.

[Auto Trim WhiteSpaces](https://marketplace.visualstudio.com/items?itemName=NathanRidley.autotrim): Automatically trims trailing whitespace when moving the cursor from one line to another.

#### Refactoring

[JS Refactor](https://marketplace.visualstudio.com/items?itemName=cmstead.jsrefactor): Automated refactoring tools to smooth your development workflow.

[Move TS - Move TypeScript files and update relative imports](https://marketplace.visualstudio.com/items?itemName=stringham.move-ts): Moving TypeScript files and folders and updating relative imports in your workspace.

[Relative Path Refactor](https://marketplace.visualstudio.com/items?itemName=jakob101.relativepathrefactor): When refactoring, fix relative path errors. Automatically find and fix all relative paths for all files in a folder. After fixing, review changes!.

#### Converters

[Paste JSON as Code](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype): Interactively generate types and (de-)serialization code from JSON, JSON Schema, and TypeScript.

[JSON to TypeScript Interface](https://marketplace.visualstudio.com/items?itemName=MariusAlchimavicius.json-to-ts): Convert JSON object to typescript interfaces.

[JSON to TS](https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts): Convert a JSON from clipboard to TypeScript interfaces.

#### Fomaters

[Prettier - Code Formater](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode): Format your JavaScript / TypeScript / CSS using Prettier.

#### Node

[Search node_modules](https://marketplace.visualstudio.com/items?itemName=jasonnutter.search-node-modules): Quickly search the node_modules folder

[Npm](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script): Supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json.

#### Debug

[Chrome Debug](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome): Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.

#### Docker

[Docker](https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker): Adds syntax highlighting, commands, hover tips, and linting for Dockerfile and docker-compose files.

#### DotENV and EditorConfig

[DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv): Support for **dotenv** file syntax.

[EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig): EditorConfig Support for Visual Studio Code.

#### Markdown

[Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one): All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more).

[Markdown Preview Github Styling](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-preview-github-styles): Changes VS Code's built-in markdown preview to match Github's style.

#### Rest

[Rest Client](https://marketplace.visualstudio.com/items?itemName=humao.rest-client): REST Client for Visual Studio Code.

#### Rails Support

[Rails](https://marketplace.visualstudio.com/items?itemName=bung87.rails): Ruby on Rails support for Visual Studio Code.

[Rails Open Partials](https://marketplace.visualstudio.com/items?itemName=shanehofstetter.rails-open-partial) Open Rails Partials filenames.

[SolarGraph](https://marketplace.visualstudio.com/items?itemName=castwide.solargraph): Code completion and inline documentation for Ruby.

[Ruby](https://marketplace.visualstudio.com/items?itemName=rebornix.Ruby): Provides Ruby language and debugging support for Visual Studio Code.

[Gemfile](https://marketplace.visualstudio.com/items?itemName=bung87.vscode-gemfile): Provide hover link in Gemfile refers to online site.