Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>VsCode Music playerNew to Visual Studio Code? Get it now.
VsCode Music player

VsCode Music player

Soyokaze

|
2 installs
| (1) | Free
Control music from your favorite streaming services directly within Visual Studio Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Welcome to your VS Code Extension

Version Platform License

Warning: This extension currently supports Ubuntu only. Compatibility with other Linux distributions or operating systems is not guaranteed.

What's in the folder

  • This folder contains all of the files necessary for your extension.
  • package.json - this is the manifest file in which you declare your extension and command.
    • The sample plugin registers a command and defines its title and command name. With this information VS Code can show the command in the command palette. It doesn’t yet need to load the plugin.
  • src/extension.ts - this is the main file where you will provide the implementation of your command.
    • The file exports one function, activate, which is called the very first time your extension is activated (in this case by executing the command). Inside the activate function we call registerCommand.
    • We pass the function containing the implementation of the command as the second parameter to registerCommand.

Setup

  • Install the recommended extensions (amodio.tsl-problem-matcher, ms-vscode.extension-test-runner, and dbaeumer.vscode-eslint).

Get up and running straight away

  • Press F5 to open a new window with your extension loaded.
  • Run your command from the command palette by pressing (Ctrl+Shift+P or Cmd+Shift+P on Mac) and typing Hello World.
  • Set breakpoints in your code inside src/extension.ts to debug your extension.
  • Find output from your extension in the debug console.

Make changes

  • You can relaunch the extension from the debug toolbar after changing code in src/extension.ts.
  • You can also reload (Ctrl+R or Cmd+R on Mac) the VS Code window with your extension to load your changes.

Explore the API

  • You can open the full set of our API when you open the file node_modules/@types/vscode/index.d.ts.

Run tests

  • Install the Extension Test Runner.
  • Run the "watch" task via the Tasks: Run Task command. Make sure this is running, or tests might not be discovered.
  • Open the Testing view from the activity bar and click the Run Test" button, or use the hotkey Ctrl/Cmd + ; A.
  • See the output of the test result in the Test Results view.
  • Make changes to src/test/extension.test.ts or create new test files inside the test folder.
    • The provided test runner will only consider files matching the name pattern **.test.ts.
    • You can create folders inside the test folder to structure your tests any way you want.

Contributing

We welcome contributions to improve this extension! Follow these steps to contribute:

  1. Fork the Repository:

    • Click the "Fork" button on the GitHub repository page.
  2. Clone Your Fork:

    git clone https://github.com/<your-username>/vsc-music-ext.git
    cd vsc-music-ext
    
  3. Install Dependencies:

    npm install
    
  4. Make Changes:

    • Edit the code in the src/ folder.
  5. Test Your Changes:

    • Run the extension locally by pressing F5 in VS Code.
    • Ensure all tests pass:
      npm test
      
  6. Submit a Pull Request:

    • Push your changes to your fork:
      git push origin <branch-name>
      
    • Open a pull request on the original repository.

Development and Testing

To develop and test the extension locally:

  1. Install Required Tools:

    • Ensure playerctl is installed on your Ubuntu system:
      sudo apt install -y playerctl
      
  2. Run the Extension:

    • Open the project in VS Code.
    • Press F5 to launch a new VS Code window with the extension loaded.
  3. Debugging:

    • Add breakpoints in src/extension.ts to debug your code.
    • Use the Debug Console to view logs.
  4. Build the Extension:

    • Run the build script:
      npm run build
      
  5. Package the Extension:

    • Create a .vsix file for local installation:
      npx vsce package
      
  6. Install Locally:

    • Install the .vsix file in VS Code:
      • Open the Extensions view (Ctrl+Shift+X).
      • Click the ... menu and select Install from VSIX....

Go further

  • Reduce the extension size and improve the startup time by bundling your extension.
  • Publish your extension on the VS Code extension marketplace.
  • Automate builds by setting up Continuous Integration.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft