orlaqp / vscode-angular2-component-generator Goto Github PK

View Code? Open in Web Editor NEW

Visual Studio Code Extension. Generates angular2 component files (html, css, typescript -> template, stylesheet, component.ts + module.ts)

License: MIT License

TypeScript 100.00%

vscode-angular2-component-generator's Introduction

Angular2 Component Generation Extension for VS CODE

Description

Extension automatically creates folder for angular2 component containing :

component.ts
module.ts
component.html
component.css

Usage

Right click on on the file or folder in the explorer
Select "New Angular2 Component"
Enter component name in the pop up in camelCase

Configuration

create true / false - (controls weather to generate this file or not)
extension - extension of generated file (e.g. you might want to change "scss" to just plain "css")
template - path to the custom template for the generated file
- {selector} -> replaced with lower case, dash separated string
- {templateUrl} -> replaced with ${selector}.component.html
- {styleUrls} -> replaced with ${selector}.component.css
- {className} -> replaced with componentName in PascalCase

Use the "template" key to override default templates for the extension

{
    "files": {
        "component": {
            "create": true,
            "extension": "ts",
            "template": "${workspaceRoot}/myComponent.template"
        },
        "css": {
            "create": true,
            "extension": "scss"
        },
        "html": {
            "create": true,
            "extension": "html"
        },
        "module": {
            "create": true,
            "extension": "ts"
        }
    }
}