V Change Tags Order screenshot

V Change Tags Order

Author Avatar Theme by Kawamataryo
Updated: 19 Feb 2022
68 Stars

Changes the order of <script> and <template> tags in Vue single file components.

Overview:

The v-change-tags-order CI is a tool that allows users to change the order of <script> and <template> tags in Vue single file components. This tool can be helpful when users want to modify the default order of these tags for their specific needs.

Features:

  • Order customization: Users can choose between two patterns to change the order of the <script> and <template> tags.
  • Exclusion option: Users can exclude certain files or directories from the tag order changes by using the glob pattern.
  • Integration with ESLint: After executing the command, users are recommended to set rules in ESLint’s vue/component-tags-order.

Installation:

To install v-change-tags-order CI, follow these steps:

  1. Open your terminal.
  2. Run the following command to install the package globally:
    npm install -g v-change-tags-order
    
  3. Once the installation is complete, you can use the v-change-tags-order command in your terminal.

Summary:

The v-change-tags-order CI tool provides users with the flexibility to modify the order of <script> and <template> tags in Vue single file components. It offers customization options and integration with ESLint to ensure code consistency. By following the installation guide, users can easily install and start using this tool in their Vue projects.