Coder Social home page Coder Social logo

newaeonweb / extensions-utilities-package Goto Github PK

View Code? Open in Web Editor NEW
0.0 3.0 0.0 32 KB

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

License: MIT License

angular7 docker git github linters vscode-extension vscode-snippets

extensions-utilities-package's Introduction

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: Angular Language Service.

Angular go to definition: Angular go to definition.

Angular v7 Snippets: Angular v7 Snippets.

angular2-inline: Visual Studio Code language extension for javascript/typescript files that use Angular2.

Angular 2 TypeScript Emmet: Support zen-coding syntax for Angular 2 typescript files.

Angular Schematics: Launch Angular schematics (CLI commands) from files Explorer (right-click) or Command Palette.

Linters

Sass Lint: Sass Lint.

Stylelint: Lint CSS/SCSS/Less with stylelint.

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: Autocompletes npm modules in import statements.

Path Intellisense: Visual Studio Code plugin that autocompletes filenames.

SCSS IntelliSense: Advanced autocompletion and refactoring support for SCSS.

IntelliSense for CSS class names in HTML: CSS class name completion for the HTML class attribute based on the definitions found in your workspace.

Git and Github integration

Git Extension Pack: Git extension package include: Git History, Project Managet, GitLens, Gitignore, Open in Github.

Github Pull Request: Manage PRs in Github from VS Code.

Visual Helpers and useful utilities

Bracket Pair Colorizer: A customizable extension for colorizing matching brackets.

Better Comments: Add color to TODO comments.

Vscode Icons: File Icons - Includes Angular specific icons.

Output Colorizer: Adds syntax colorization for both the output/debug/extensions panel and .log files.

Line Indicator: Highlights your current indent depth.

VS Code CSS Comments: CSS comments made easy and consistent with these VS Code Snippets.

Auto Rename Tag: Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

Auto Close Tags: Auto-close HTML tags.

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: SCSS support for HTML documents.

Auto Trim WhiteSpaces: Automatically trims trailing whitespace when moving the cursor from one line to another.

Refactoring

JS Refactor: Automated refactoring tools to smooth your development workflow.

Move TS - Move TypeScript files and update relative imports: Moving TypeScript files and folders and updating relative imports in your workspace.

Relative Path Refactor: 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: Interactively generate types and (de-)serialization code from JSON, JSON Schema, and TypeScript.

JSON to TypeScript Interface: Convert JSON object to typescript interfaces.

JSON to TS: Convert a JSON from clipboard to TypeScript interfaces.

Fomaters

Prettier - Code Formater: Format your JavaScript / TypeScript / CSS using Prettier.

Node

Search node_modules: Quickly search the node_modules folder

Npm: 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: Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.

Docker

Docker: Adds syntax highlighting, commands, hover tips, and linting for Dockerfile and docker-compose files.

DotENV and EditorConfig

DotENV: Support for dotenv file syntax.

EditorConfig for VS Code: EditorConfig Support for Visual Studio Code.

Markdown

Markdown All in One: All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more).

Markdown Preview Github Styling: Changes VS Code's built-in markdown preview to match Github's style.

Rest

Rest Client: REST Client for Visual Studio Code.

Rails Support

Rails: Ruby on Rails support for Visual Studio Code.

Rails Open Partials Open Rails Partials filenames.

SolarGraph: Code completion and inline documentation for Ruby.

Ruby: Provides Ruby language and debugging support for Visual Studio Code.

Gemfile: Provide hover link in Gemfile refers to online site.

extensions-utilities-package's People

Contributors

newaeonweb avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.