• Packages
  • Themes
  • Documentation
  • Blog
  • Discussions
Sign in

angular2-webpack-component-generator

Generates angular2 component files (html, css, typescript -> template, style-sheet, component.ts + module.ts)
  • #atom-angular2
  • #angular2
  • #angular2 component
  • #angular2 generate component
  • #typescript
courtneysanders418
0.1.2 1,204
0
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

angular2-webpack-component-generator package

A short description of your package.

A screenshot of your package

angular2-webpack-component-generator for Atom

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

Use Extension

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

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

Config Extension

Bugs

Please report here

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by