diff --git a/README.md b/README.md index c58afac..fea1ad2 100644 --- a/README.md +++ b/README.md @@ -7,19 +7,24 @@ [![GitHub Repo stars](https://img.shields.io/github/stars/vuejsco/vscode-vuejs-generator?style=for-the-badge&logo=github)](https://github.com/vuejsco/vscode-vuejs-generator) [![GitHub license](https://img.shields.io/github/license/vuejsco/vscode-vuejs-generator?style=for-the-badge&logo=github)](https://github.com/vuejsco/vscode-vuejs-generator/blob/main/LICENSE) -**VueJS File Generator** is a Visual Studio Code extension designed to streamline the creation of Vue.js files. It generates boilerplate code based on customizable templates, allowing you to quickly create components, services, and other project files according to your needs. +**VueJS File Generator** is a Visual Studio Code extension designed to simplify the creation of Vue.js files. It generates boilerplate code from customizable templates, enabling you to quickly create components, services, and other project files according to your needs. [![VueJS File Generator](https://raw.githubusercontent.com/vuejsco/vscode-vuejs-generator/main/images/demo.gif)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-vuejs-generator) -## Table of Contents +## Index - [VueJS File Generator](#vuejs-file-generator) - - [Table of Contents](#table-of-contents) + - [Index](#index) - [Key Features](#key-features) - [Supported File Templates](#supported-file-templates) - [Requirements](#requirements) + - [Requirements](#requirements-1) - [Setup](#setup) + - [Step 1: Open Command Palette in VS Code](#step-1-open-command-palette-in-vs-code) + - [Step 2: Add Configuration to `settings.json`](#step-2-add-configuration-to-settingsjson) + - [Step 3: Restart VS Code](#step-3-restart-vs-code) - [Configuration](#configuration) + - [Variables Table](#variables-table) - [Community](#community) - [Contributing](#contributing) - [Code of Conduct](#code-of-conduct) @@ -29,29 +34,33 @@ ## Key Features - **Customizable Templates**: Define TypeScript and Vue.js file templates tailored to your project. -- **Project-Level Configuration**: Set up file formatting, naming conventions, and more. -- **Open Source**: Contribute and benefit from the community-driven development. +- **Project-Level Configuration**: Configure file formatting, naming conventions, and more. +- **Open Source**: Contribute to and benefit from community-driven development. ## Supported File Templates The extension provides predefined templates for various Vue.js file types, making it easy to generate structured and consistent files for your project. | File Type | Description | Example Filename | -|-------------|-------------|------------------| -| `component` | Vue.js Component (Single File Component) | `MyComponent.vue` | -| `page` | Vue.js Page (Common in frameworks like Nuxt) | `HomePage.vue` | -| `store` | Pinia Store Module | `useAuthStore.ts` | -| `composable` | Vue 3 Composable (Reusable function) | `useFetch.ts` | -| `directive` | Vue Directive | `v-focus.ts` | -| `middleware` | Middleware for Nuxt.js | `auth.ts` | -| `model` | TypeScript Model (Interface or Type) | `UserModel.ts` | -| `layout` | Layout Component (Nuxt.js) | `DefaultLayout.vue` | -| `service` | API Service (For Axios or Fetch wrappers) | `AuthService.ts` | -| `test` | Unit Test File (Jest/Vitest) | `MyComponent.spec.ts` | -| `enum` | TypeScript Enum | `UserRoles.ts` | -| `constant` | Constants File | `constants.ts` | -| `hook` | Custom React Hook | `useAuth.ts` | -| `route` | Route Configuration File | `routes.ts` | +|--------------|-------------|------------------| +| `component` | Vue.js Component (Single File Component) | `MyComponent.vue` | +| `page` | Vue.js Page (Common in frameworks like Nuxt) | `HomePage.vue` | +| `store` | Pinia Store Module | `useAuthStore.ts` | +| `composable` | Vue 3 Composable (Reusable function) | `useFetch.ts` | +| `directive` | Vue Directive | `v-focus.ts` | +| `middleware` | Middleware for Nuxt.js | `auth.ts` | +| `model` | TypeScript Model (Interface or Type) | `UserModel.ts` | +| `layout` | Layout Component (Nuxt.js) | `DefaultLayout.vue` | +| `service` | API Service (For Axios or Fetch wrappers) | `AuthService.ts` | +| `test` | Unit Test File (Jest/Vitest) | `MyComponent.spec.ts` | +| `enum` | TypeScript Enum | `UserRoles.ts` | +| `constant` | Constants File | `constants.ts` | +| `hook` | Custom React Hook | `useAuth.ts` | +| `route` | Route Configuration File | `routes.ts` | + +## Requirements + +- **VS Code 1.88.0** or higher. ## Requirements @@ -59,68 +68,73 @@ The extension provides predefined templates for various Vue.js file types, makin ## Setup -1. **Open the VS Code Command Palette**: +### Step 1: Open Command Palette in VS Code + +1. Open the **Command Palette** in VS Code: - Windows: `CTRL + SHIFT + P` - - MacOS: `CMD + SHIFT + P` + - macOS: `CMD + SHIFT + P` -2. **Open Workspace Settings**: +2. Open the **Workspace Settings**: - Type `Preferences: Open Workspace Settings (JSON)`. -3. **Add Configuration to `settings.json`**: - Copy the following settings into your `.vscode/settings.json` file: - - ```json - { - "vuejs.generator.enable": true, - "vuejs.generator.files.skipFolderConfirmation": false, - "vuejs.generator.formatting.excludeSemiColonAtEndOfLine": false, - "vuejs.generator.formatting.endOfLine": "lf", - "vuejs.generator.formatting.insertFinalNewline": true, - "vuejs.generator.templates.customComponents": [ - { - "name": "Vue Component", - "description": "The Vue component", - "type": "vue", - "template": [ - "", - "", - "", - "", - "" - ] - } - ], - "vuejs.generator.project.author": "Manuel Gil", - "vuejs.generator.project.owner": "Vue JS Colombia", - "vuejs.generator.project.maintainers": "VueJS Team", - "vuejs.generator.project.license": "MIT", - "vuejs.generator.project.version": "1.0.0" - } - ``` - -4. **Restart VS Code** to apply the settings. +### Step 2: Add Configuration to `settings.json` + +Copy the following configuration into your `.vscode/settings.json` file: + +```json +{ + "vuejs.generator.enable": true, + "vuejs.generator.files.skipFolderConfirmation": false, + "vuejs.generator.formatting.excludeSemiColonAtEndOfLine": false, + "vuejs.generator.formatting.endOfLine": "lf", + "vuejs.generator.formatting.insertFinalNewline": true, + "vuejs.generator.templates.customComponents": [ + { + "name": "Vue Component", + "description": "Vue component template", + "type": "vue", + "template": [ + "", + "", + "", + "", + "" + ] + } + ], + "vuejs.generator.project.author": "Manuel Gil", + "vuejs.generator.project.owner": "Vue JS Colombia", + "vuejs.generator.project.maintainers": "VueJS Team", + "vuejs.generator.project.license": "MIT", + "vuejs.generator.project.version": "1.0.0" +} +``` + +### Step 3: Restart VS Code + +Restart VS Code to apply the settings. ## Configuration -You can customize **VueJS File Generator** by modifying its settings in `.vscode/settings.json`: +You can customize **VueJS File Generator** by modifying its settings in `.vscode/settings.json`. Some of the available settings are: - `vuejs.generator.enable`: Enable or disable the extension (default: `true`). - `vuejs.generator.files.skipFolderConfirmation`: Skip folder selection when creating files (default: `false`). @@ -136,6 +150,12 @@ You can customize **VueJS File Generator** by modifying its settings in `.vscode The following variables can be used in the template: +For the full list of customizable variables in the template, check the [Variables Table](#variables-table). + +## Variables Table + +The following variables can be used in the template: + | Variable | Description | |----------------------------------|-------------| | `fileName` | The unmodified file name. Example: `"MyComponent"` | @@ -179,12 +199,12 @@ This extension is maintained by the **Vue JS Colombia Meetup Community**. Stay u ## Contributing -We welcome community contributions! To get started: +We welcome contributions from the community! To get started: 1. Fork the [GitHub repository](https://github.com/vuejsco/vscode-vuejs-generator). 2. Make your changes and submit a pull request. -For guidelines, refer to the [Contribution Guide](./CONTRIBUTING.md). +For contribution guidelines, refer to the [Contribution Guide](./CONTRIBUTING.md). ## Code of Conduct diff --git a/src/app/README.md b/src/README.md similarity index 62% rename from src/app/README.md rename to src/README.md index 67b8ec0..542edf0 100644 --- a/src/app/README.md +++ b/src/README.md @@ -37,43 +37,61 @@ Below is the folder structure for reference: ```plaintext . πŸ“¦ vscode-vuejs-generator -β”œβ”€β”€ πŸ“‚ src/ -β”‚ β”œβ”€β”€ πŸ“‚ app/ -β”‚ β”‚ β”œβ”€β”€ πŸ“‚ commands/ -β”‚ β”‚ β”‚ β”œβ”€β”€ base.command.ts -β”‚ β”‚ β”‚ β”œβ”€β”€ generate-component.command.ts -β”‚ β”‚ β”‚ β”œβ”€β”€ generate-composable.command.ts -β”‚ β”‚ β”‚ β”œβ”€β”€ generate-custom-component.command.ts -β”‚ β”‚ β”‚ β”œβ”€β”€ generate-directive.command.ts -β”‚ β”‚ β”‚ β”œβ”€β”€ generate-router.command.ts -β”‚ β”‚ β”‚ β”œβ”€β”€ generate-store.command.ts -β”‚ β”‚ β”‚ └── index.ts -β”‚ β”‚ β”œβ”€β”€ πŸ“‚ configs/ -β”‚ β”‚ β”‚ β”œβ”€β”€ constants.config.ts -β”‚ β”‚ β”‚ β”œβ”€β”€ extension.config.ts -β”‚ β”‚ β”‚ └── index.ts -β”‚ β”‚ β”œβ”€β”€ πŸ“‚ controllers/ -β”‚ β”‚ β”‚ β”œβ”€β”€ command-invoker.controller.ts -β”‚ β”‚ β”‚ └── index.ts -β”‚ β”‚ β”œβ”€β”€ πŸ“‚ helpers/ -β”‚ β”‚ β”‚ β”œβ”€β”€ index.ts -β”‚ β”‚ β”‚ └── inflector.helper.ts -β”‚ β”‚ β”œβ”€β”€ πŸ“‚ services/ -β”‚ β”‚ β”‚ β”œβ”€β”€ file-generator.service.ts -β”‚ β”‚ β”‚ └── index.ts -β”‚ β”‚ └── πŸ“‚ types/ -β”‚ β”‚ β”œβ”€β”€ command.type.ts -β”‚ β”‚ └── index.ts -β”‚ └── extension.ts -β”œβ”€β”€ πŸ“‚ templates/ -β”‚ β”œβ”€β”€ component.json -β”‚ β”œβ”€β”€ composable.json -β”‚ β”œβ”€β”€ directive.json -β”‚ β”œβ”€β”€ router.json -β”‚ β”œβ”€β”€ service.json -β”‚ └── store.json +. πŸ“‚ src +β”œβ”€β”€ πŸ“‚ app/ +| β”œβ”€β”€ πŸ“‚ commands/ +| | β”œβ”€β”€ πŸ“„ base.command.ts +| | β”œβ”€β”€ πŸ“„ generate-component.command.ts +| | β”œβ”€β”€ πŸ“„ generate-composable.command.ts +| | β”œβ”€β”€ πŸ“„ generate-constant.command.ts +| | β”œβ”€β”€ πŸ“„ generate-custom-component.command.ts +| | β”œβ”€β”€ πŸ“„ generate-directive.command.ts +| | β”œβ”€β”€ πŸ“„ generate-enum.command.ts +| | β”œβ”€β”€ πŸ“„ generate-hook.command.ts +| | β”œβ”€β”€ πŸ“„ generate-layout.command.ts +| | β”œβ”€β”€ πŸ“„ generate-middleware.command.ts +| | β”œβ”€β”€ πŸ“„ generate-model.command.ts +| | β”œβ”€β”€ πŸ“„ generate-page.command.ts +| | β”œβ”€β”€ πŸ“„ generate-router.command.ts +| | β”œβ”€β”€ πŸ“„ generate-service.command.ts +| | β”œβ”€β”€ πŸ“„ generate-store.command.ts +| | β”œβ”€β”€ πŸ“„ generate-test.command.ts +| | └── πŸ“„ index.ts +| β”œβ”€β”€ πŸ“‚ configs/ +| | β”œβ”€β”€ πŸ“„ constants.config.ts +| | β”œβ”€β”€ πŸ“„ extension.config.ts +| | └── πŸ“„ index.ts +| β”œβ”€β”€ πŸ“‚ controllers/ +| | β”œβ”€β”€ πŸ“„ command-invoker.controller.ts +| | └── πŸ“„ index.ts +| β”œβ”€β”€ πŸ“‚ helpers/ +| | β”œβ”€β”€ πŸ“„ index.ts +| | └── πŸ“„ inflector.helper.ts +| β”œβ”€β”€ πŸ“‚ services/ +| | β”œβ”€β”€ πŸ“„ file-generator.service.ts +| | └── πŸ“„ index.ts +| └── πŸ“‚ types/ +| β”œβ”€β”€ πŸ“„ command.type.ts +| └── πŸ“„ index.ts +β”œβ”€β”€ πŸ“„ extension.ts +└── πŸ“‚ templates/ + β”œβ”€β”€ πŸ“„ component.json + β”œβ”€β”€ πŸ“„ composable.json + β”œβ”€β”€ πŸ“„ constant.json + β”œβ”€β”€ πŸ“„ directive.json + β”œβ”€β”€ πŸ“„ enum.json + β”œβ”€β”€ πŸ“„ hook.json + β”œβ”€β”€ πŸ“„ layout.json + β”œβ”€β”€ πŸ“„ middleware.json + β”œβ”€β”€ πŸ“„ model.json + β”œβ”€β”€ πŸ“„ page.json + β”œβ”€β”€ πŸ“„ router.json + β”œβ”€β”€ πŸ“„ service.json + β”œβ”€β”€ πŸ“„ store.json + └── πŸ“„ test.json ``` + ## Key Components & Responsibilities ### `extension.ts` diff --git a/src/app/commands/generate-component.command.ts b/src/app/commands/generate-component.command.ts index a9a8700..b094a40 100644 --- a/src/app/commands/generate-component.command.ts +++ b/src/app/commands/generate-component.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateComponentCommad class. + * The GenerateComponentCommand class. * * @class * @classdesc The class that represents the generate component command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateComponentCommad(config); + * const command = new GenerateComponentCommand(config); */ -export class GenerateComponentCommad extends BaseCommand { +export class GenerateComponentCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateComponentCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateComponentCommad + * @memberof generateComponentCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-composable.command.ts b/src/app/commands/generate-composable.command.ts index 12b8017..96fbd5b 100644 --- a/src/app/commands/generate-composable.command.ts +++ b/src/app/commands/generate-composable.command.ts @@ -25,7 +25,7 @@ export class GenerateComposableCommand extends BaseCommand { * @async * @method execute * @public - * @memberof generateComposeableCommad + * @memberof generateComposeableCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-constant.command.ts b/src/app/commands/generate-constant.command.ts index bdbbcaa..0f6bbb9 100644 --- a/src/app/commands/generate-constant.command.ts +++ b/src/app/commands/generate-constant.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateConstantCommad class. + * The GenerateConstantCommand class. * * @class * @classdesc The class that represents the generate constant command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateConstantCommad(config); + * const command = new GenerateConstantCommand(config); */ -export class GenerateConstantCommad extends BaseCommand { +export class GenerateConstantCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateConstantCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateConstantCommad + * @memberof generateConstantCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-custom-component.commad.ts b/src/app/commands/generate-custom-component.command.ts similarity index 75% rename from src/app/commands/generate-custom-component.commad.ts rename to src/app/commands/generate-custom-component.command.ts index 32d61f0..2013630 100644 --- a/src/app/commands/generate-custom-component.commad.ts +++ b/src/app/commands/generate-custom-component.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateCustomComponentCommad class. + * The GenerateCustomComponentCommand class. * * @class * @classdesc The class that represents the generate custom component command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateCustomComponentCommad(config); + * const command = new GenerateCustomComponentCommand(config); */ -export class GenerateCustomComponentCommad extends BaseCommand { +export class GenerateCustomComponentCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateCustomComponentCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateComponentCommad + * @memberof generateComponentCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-directive.command.ts b/src/app/commands/generate-directive.command.ts index ba615c0..4c45398 100644 --- a/src/app/commands/generate-directive.command.ts +++ b/src/app/commands/generate-directive.command.ts @@ -25,7 +25,7 @@ export class GenerateDirectiveCommand extends BaseCommand { * @async * @method execute * @public - * @memberof generateDirectiveCommad + * @memberof generateDirectiveCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-enum.command.ts b/src/app/commands/generate-enum.command.ts index ce100a9..d2e638f 100644 --- a/src/app/commands/generate-enum.command.ts +++ b/src/app/commands/generate-enum.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateEnumCommad class. + * The GenerateEnumCommand class. * * @class * @classdesc The class that represents the generate enum command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateEnumCommad(config); + * const command = new GenerateEnumCommand(config); */ -export class GenerateEnumCommad extends BaseCommand { +export class GenerateEnumCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateEnumCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateEnumCommad + * @memberof generateEnumCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-hook.command.ts b/src/app/commands/generate-hook.command.ts index a4226b1..63ae7e9 100644 --- a/src/app/commands/generate-hook.command.ts +++ b/src/app/commands/generate-hook.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateHookCommad class. + * The GenerateHookCommand class. * * @class * @classdesc The class that represents the generate hook command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateHookCommad(config); + * const command = new GenerateHookCommand(config); */ -export class GenerateHookCommad extends BaseCommand { +export class GenerateHookCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateHookCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateHookCommad + * @memberof generateHookCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-layout.command.ts b/src/app/commands/generate-layout.command.ts index b3d088c..5de8bcf 100644 --- a/src/app/commands/generate-layout.command.ts +++ b/src/app/commands/generate-layout.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateLayoutCommad class. + * The GenerateLayoutCommand class. * * @class * @classdesc The class that represents the generate layout command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateLayoutCommad(config); + * const command = new GenerateLayoutCommand(config); */ -export class GenerateLayoutCommad extends BaseCommand { +export class GenerateLayoutCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateLayoutCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateLayoutCommad + * @memberof generateLayoutCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-middleware.command.ts b/src/app/commands/generate-middleware.command.ts index f93792c..4788329 100644 --- a/src/app/commands/generate-middleware.command.ts +++ b/src/app/commands/generate-middleware.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateMiddlewareCommad class. + * The GenerateMiddlewareCommand class. * * @class * @classdesc The class that represents the generate middleware command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateMiddlewareCommad(config); + * const command = new GenerateMiddlewareCommand(config); */ -export class GenerateMiddlewareCommad extends BaseCommand { +export class GenerateMiddlewareCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateMiddlewareCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateMiddlewareCommad + * @memberof generateMiddlewareCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-model.command.ts b/src/app/commands/generate-model.command.ts index c0a446b..725e1c8 100644 --- a/src/app/commands/generate-model.command.ts +++ b/src/app/commands/generate-model.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateModelCommad class. + * The GenerateModelCommand class. * * @class * @classdesc The class that represents the generate model command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateModelCommad(config); + * const command = new GenerateModelCommand(config); */ -export class GenerateModelCommad extends BaseCommand { +export class GenerateModelCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateModelCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateModelCommad + * @memberof generateModelCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-page.command.ts b/src/app/commands/generate-page.command.ts index 4ccd9ac..2c35b6d 100644 --- a/src/app/commands/generate-page.command.ts +++ b/src/app/commands/generate-page.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GeneratePageCommad class. + * The GeneratePageCommand class. * * @class * @classdesc The class that represents the generate page command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GeneratePageCommad(config); + * const command = new GeneratePageCommand(config); */ -export class GeneratePageCommad extends BaseCommand { +export class GeneratePageCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GeneratePageCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generatePageCommad + * @memberof generatePageCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-router.commad.ts b/src/app/commands/generate-router.command.ts similarity index 78% rename from src/app/commands/generate-router.commad.ts rename to src/app/commands/generate-router.command.ts index 314e623..0cc9d4b 100644 --- a/src/app/commands/generate-router.commad.ts +++ b/src/app/commands/generate-router.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateRouterCommad class. + * The GenerateRouterCommand class. * * @class * @classdesc The class that represents the generate router command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateRouterCommad(config); + * const command = new GenerateRouterCommand(config); */ -export class GenerateRouterCommad extends BaseCommand { +export class GenerateRouterCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateRouterCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateRouterCommad + * @memberof generateRouterCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-service.command.ts b/src/app/commands/generate-service.command.ts index f8c0831..b48cb2e 100644 --- a/src/app/commands/generate-service.command.ts +++ b/src/app/commands/generate-service.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateServiceCommad class. + * The GenerateServiceCommand class. * * @class * @classdesc The class that represents the generate service command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateServiceCommad(config); + * const command = new GenerateServiceCommand(config); */ -export class GenerateServiceCommad extends BaseCommand { +export class GenerateServiceCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateServiceCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateServiceCommad + * @memberof generateServiceCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-store.command.ts b/src/app/commands/generate-store.command.ts index 99bc839..dc4d72b 100644 --- a/src/app/commands/generate-store.command.ts +++ b/src/app/commands/generate-store.command.ts @@ -25,7 +25,7 @@ export class GenerateStoreCommand extends BaseCommand { * @async * @method execute * @public - * @memberof generateStoreCommad + * @memberof generateStoreCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/generate-test.command.ts b/src/app/commands/generate-test.command.ts index a242bb6..26255f8 100644 --- a/src/app/commands/generate-test.command.ts +++ b/src/app/commands/generate-test.command.ts @@ -2,7 +2,7 @@ import { Uri } from 'vscode'; import { BaseCommand } from './base.command'; /** - * The GenerateTestCommad class. + * The GenerateTestCommand class. * * @class * @classdesc The class that represents the generate test command. @@ -10,9 +10,9 @@ import { BaseCommand } from './base.command'; * @export * @public * @example - * const command = new GenerateTestCommad(config); + * const command = new GenerateTestCommand(config); */ -export class GenerateTestCommad extends BaseCommand { +export class GenerateTestCommand extends BaseCommand { // ----------------------------------------------------------------- // Methods // ----------------------------------------------------------------- @@ -25,7 +25,7 @@ export class GenerateTestCommad extends BaseCommand { * @async * @method execute * @public - * @memberof generateTestCommad + * @memberof generateTestCommand * * @param {Uri} folderPath - The folder path */ diff --git a/src/app/commands/index.ts b/src/app/commands/index.ts index 542eb23..0e852fa 100644 --- a/src/app/commands/index.ts +++ b/src/app/commands/index.ts @@ -2,7 +2,7 @@ export * from './base.command'; export * from './generate-component.command'; export * from './generate-composable.command'; export * from './generate-constant.command'; -export * from './generate-custom-component.commad'; +export * from './generate-custom-component.command'; export * from './generate-directive.command'; export * from './generate-enum.command'; export * from './generate-hook.command'; @@ -10,7 +10,7 @@ export * from './generate-layout.command'; export * from './generate-middleware.command'; export * from './generate-model.command'; export * from './generate-page.command'; -export * from './generate-router.commad'; +export * from './generate-router.command'; export * from './generate-service.command'; export * from './generate-store.command'; export * from './generate-test.command'; diff --git a/src/extension.ts b/src/extension.ts index b8163fc..4c1d0fd 100644 --- a/src/extension.ts +++ b/src/extension.ts @@ -3,12 +3,12 @@ import * as vscode from 'vscode'; import { - GenerateComponentCommad, + GenerateComponentCommand, GenerateComposableCommand, - GenerateCustomComponentCommad, + GenerateCustomComponentCommand, GenerateDirectiveCommand, - GeneratePageCommad, - GenerateRouterCommad, + GeneratePageCommand, + GenerateRouterCommand, GenerateStoreCommand, } from './app/commands'; import { @@ -162,15 +162,15 @@ export async function activate(context: vscode.ExtensionContext) { const commands = [ { name: 'generateCustomComponent', - handler: new GenerateCustomComponentCommad(config, context.extensionUri), + handler: new GenerateCustomComponentCommand(config, context.extensionUri), }, { name: 'generateComponent', - handler: new GenerateComponentCommad(config, context.extensionUri), + handler: new GenerateComponentCommand(config, context.extensionUri), }, { name: 'generatePage', - handler: new GeneratePageCommad(config, context.extensionUri), + handler: new GeneratePageCommand(config, context.extensionUri), }, { name: 'generateStore', @@ -178,7 +178,7 @@ export async function activate(context: vscode.ExtensionContext) { }, { name: 'generateRouter', - handler: new GenerateRouterCommad(config, context.extensionUri), + handler: new GenerateRouterCommand(config, context.extensionUri), }, { name: 'generateComposable',

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /