Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Create Vue/TSX Component FolderNew to Visual Studio Code? Get it now.
Create Vue/TSX Component Folder

Create Vue/TSX Component Folder

8bu

|
1,362 installs
| (2) | Free
Create component anywhere in your workspace from the keyboard. (Vue/TSX)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Create Vue/TSX Component Folder

Quickly create folder with .tsx and .scss files. Based on Create Vue/TypeScript Component Folder plugin.

Demo: Demo

Usage

Command palette: "Create Vue/TSX Component Folder"

Configuration Example

"createVueTsxComponentFolder.createSCSSFile": true,
"createVueTsxComponentFolder.exclude": {
  "node_modules": true,
  "node_modules_electron": true,
  "dev": true,
  "dist": true
},
"createVueTsxComponentFolder.showInformationMessages": true,
"createVueTsxComponentFolder.convenienceOptions": ["current", "last", "root"]

Contributing

  1. Clone the repo
  2. yarn install
  3. Add your feature or fix (in src/) with test coverage (in test/)
  4. Launch the extension and do some manual QA (via Debug > Launch Extension)
  5. Run the tests (via Debug > Launch Tests)
  6. Run the linter: yarn run lint
  7. Open a PR
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft