https://github.com/frogbob/vue-ts-component-generator
Generate vue typescript components.
https://github.com/frogbob/vue-ts-component-generator
terminal typescript vue
Last synced: 2 months ago
JSON representation
Generate vue typescript components.
- Host: GitHub
- URL: https://github.com/frogbob/vue-ts-component-generator
- Owner: frogbob
- License: mit
- Created: 2018-01-16T16:20:23.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-04-20T04:33:52.000Z (almost 3 years ago)
- Last Synced: 2025-10-19T13:57:26.116Z (5 months ago)
- Topics: terminal, typescript, vue
- Language: JavaScript
- Homepage:
- Size: 557 KB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue-zh - Vue-TS-组分发电机 - 用于生成vue打字稿组件的简单cli工具. (公用事业 / 打字稿)
- awesome-vue - vue-ts-component-generator ★3 - A simple cli tool for generating vue typescript components. (Utilities / Typescript)
- awesome-vue - vue-ts-component-generator - A simple cli tool for generating vue typescript components. (Utilities / Typescript)
- awesome-vue - vue-ts-component-generator - Generate vue typescript components. ` 📝 2 years ago` (Utilities [🔝](#readme))
- awesome-vue - vue-ts-component-generator - A simple cli tool for generating vue typescript components. (Components & Libraries / Utilities)
README
Vue-TS-Component-Generator
====================
**Generate vue typescript components.**
## Installation
### Install package
Install the package globally to use as global command in any folder
```bash
npm i -g vue-ts-component-generator
```
## Generate new component
Just run command in terminal
`vue:component generate {component}`
and replace {component} with your component name
## Path
Since Version 0.1.6 you can set the path where your components are stored.
For now there is a default Path for the Laravel-Environment, but you can set it to every path you want.
## Naming convention
Since version 0.1.7 the package following the component-naming-convetion of Vue-CLI.
So you should name your Components in upper-camel-case (e.g. MyHappyComponent). The package creates the component-folder in kebab-case,
the component-files itself created in the upper-camel-case.
`path/to/components/my-happy-component/MyHappyComponent.ts`
For sure you can set the component-naming as before. Only the camel-case-version is beeing affected.