Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>VueJS CommanderNew to Visual Studio Code? Get it now.
VueJS Commander

VueJS Commander

Manuel Gil

|
696 installs
| (0) | Free
VueJS Commander is a Visual Studio Code extension designed to streamline the execution of common Vue.js and Nuxt.js commands.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VueJS Commander

Visual Studio Marketplace Version Visual Studio Marketplace Installs Visual Studio Marketplace Downloads Visual Studio Marketplace Rating GitHub Repo stars GitHub license

VueJS Commander is a Visual Studio Code extension designed to streamline the execution of common Vue.js and Nuxt.js commands. It simplifies project creation, development server management, and production builds directly from the VS Code command palette.

Index

  • VueJS Commander
    • Index
    • Requirements
    • Setup
      • Step 1: Open Command Palette in VS Code
      • Step 2: Add Configuration to settings.json
      • Step 3: Restart VS Code
    • Configuration
    • Commands
    • Community
    • Contributing
    • Code of Conduct
    • Changelog
    • License

Requirements

  • VS Code 1.88.0 or higher.

Setup

Step 1: Open Command Palette in VS Code

  1. Open the Command Palette in VS Code:

    • Windows: CTRL + SHIFT + P
    • macOS: CMD + SHIFT + P
  2. Open the Workspace Settings:

    • Type Preferences: Open Workspace Settings (JSON).

Step 2: Add Configuration to settings.json

Copy the following configuration into your .vscode/settings.json file:

{
    "vuejs.commander.enable": true,
    "vuejs.commander.packages.defaultPackageManager": "npm",
    "vuejs.commander.terminal.currentWorkingDirectory": "/path/to/your/project", // MUST BE an absolute path
    "vuejs.commander.terminal.hideFromUser": false,
}

Step 3: Restart VS Code

Restart VS Code to apply the settings.

Configuration

You can customize VueJS Commander by modifying its settings in .vscode/settings.json. Some of the available settings are:

  • vuejs.commander.enable: Enable or disable the extension.
  • vuejs.commander.packages.defaultPackageManager: Set the default package manager for the project. Options are npm, yarn or pnpm (default: "npm").
  • vuejs.commander.terminal.currentWorkingDirectory: Set the current working directory for the terminal. This must be an absolute path (default: "/path/to/your/project").
  • vuejs.commander.terminal.hideFromUser: Hide the terminal from the user. If set to true, the terminal will run in the background (default: false).

Commands

Command Description
Create New Project Create a new Vue/Nuxt project
Start Development Server Start the development server
Build for Production Build the project for production

Community

This extension is maintained by the Vue JS Colombia Meetup Community. Stay updated on new features and improvements:

  • GitHub
  • Twitter (X)

Contributing

We welcome contributions from the community! To get started:

  1. Fork the GitHub repository.
  2. Make your changes and submit a pull request.

For contribution guidelines, refer to the Contribution Guide.

Code of Conduct

We value a welcoming and inclusive community. Please review our Code of Conduct before participating.

Changelog

See the full list of changes in the CHANGELOG.md file.

License

This extension is licensed under the MIT License. See the MIT License for details.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft