GithubHelp home page GithubHelp logo

diogenespolanco / vscode-angular2-files Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ialexivy/vscode-angular2-files

0.0 3.0 0.0 6.53 MB

vscode extension generating angular2 files with angular cli

License: MIT License

TypeScript 100.00%

vscode-angular2-files's Introduction

VS Code Angular Files

This extension allows quickly scaffold angular 2 file templates in VS Code project.

Inspired by angular-cli (https://github.com/angular/angular-cli)

Changelog

1.3.8

  • Fixed support for custom app structure

1.3.7

  • It's just angular
  • Module style ext fix - thanks to Sam Lin

1.3.6

  • Fix incorrect extension in component generation

1.3.5

  • CPU usage improvements

1.3.4

  • Support for non angular-cli file-structure, code should reside in 'app' folder by default
  • Fixed import declarations to incorrect module
  • Added route class generat template

1.3.2

  • Angular-Files now supports angular-cli.json and you can use custom prefixes, different style extensions.
  • Note: if you not using angular-cli it is possible to add angular-cli.json to customize file generatiion.

1.3.1

  • Fixed serivces was incorrectly imported to module declarations

1.3.0

  • Fixed import declarations to closest module

1.1.0

  • angular-cli removed due to slowness
  • app.module added automatic import of dependencies

1.0.0

  • Integrated angular-cli for file generation

Features

Right click on a file or a folder in your current project. You can find multiple options been added to the context menu:

Menu Options
New Component
New Directive
New Pipe
New Service
New Module
Menu Options
New Class
New Interface
New Enum

** Override default configuration like app prefix and style: ** Create a angular-cli.json (can be used without angular-cli):

{
   "apps":[
      {
         "root":"src",
         "prefix":"app"
      }
   ],
   "defaults":{
      "styleExt":"css"
   }
}

The naming of the files as well as the (boilerplate) snippets are based on the official Angular Style Guide

Installation

  1. Install Visual Studio Code 1.5.0 or higher
  2. Launch Code
  3. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
  4. Select Install Extension
  5. Type angular files and press enter
  6. Reload Visual Studio Code

Disclaimer

Important: This extension due to the nature of it's purpose will create files on your hard drive and if necessary create the respective folder structure. While it should not override any files during this process, I'm not giving any guarantees or take any responsibility in case of lost data.

License

MIT

vscode-angular2-files's People

Contributors

ialexivy avatar maxisam avatar

Watchers

James Cloos avatar Diógenes Polanco 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.