https://github.com/b-goodman/generator-polymer-3-ts-element

Start a new Polymer 3 custom element using Typescript.
https://github.com/b-goodman/generator-polymer-3-ts-element

polymer-3 typescript webcomponents yeoman-generator

Last synced: 2 months ago
JSON representation

Start a new Polymer 3 custom element using Typescript.

• Host: GitHub
• URL: https://github.com/b-goodman/generator-polymer-3-ts-element
• Owner: b-goodman
• License: other
• Created: 2019-07-04T20:58:15.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T20:36:03.000Z (over 2 years ago)
• Last Synced: 2025-02-11T09:32:48.131Z (4 months ago)
• Topics: polymer-3, typescript, webcomponents, yeoman-generator
• Language: JavaScript
• Size: 1.29 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# generator-polymer-3-ts-element

Jump-start a new Polymer 3 custom element using Typescript.

## Installation

You'll need a [yeoman](https://yeoman.io/) installation first.

```bash

npm install -g yo

```

Then install the generator.

```bash

npm install -g generator-polymer-3-ts-element

```

## Usage

> You do not need to create a new directory first.

To generate your new project:

```bash

yo polymer-3-ts-element

```

You'll be prompted for the name of your new component on running the generator.

## Project Structure

The generatror creates a project which allows you to import your html template and css from separate files.

Includes scripts `start` and `build` for testing and distribution respectivley.

```text

element-name

├── README.md

├── examples

│   └── index.html

├── index.html

├── package.json

├── src

│   ├── index.ts

│   ├── styles.css

│   ├── template.html

│   └── typings.d.ts

├── tsconfig.json

├── tslint.json

├── webpack.dvl.conf.js

└── webpack.prd.conf.js

```

## License

Apache-2.0 © Ben Goodman