https://github.com/nyxb/vscode-use

💡 Visual Studio Code extension that allows you to insert "use client" or "use server" statements at the beginning of a file
https://github.com/nyxb/vscode-use

client nextjs server use vscode vscode-extension

Last synced: about 1 month ago
JSON representation

💡 Visual Studio Code extension that allows you to insert "use client" or "use server" statements at the beginning of a file

• Host: GitHub
• URL: https://github.com/nyxb/vscode-use
• Owner: nyxb
• License: mit
• Created: 2023-06-17T11:51:29.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-17T19:56:43.000Z (about 3 years ago)
• Last Synced: 2025-01-21T22:11:28.710Z (over 1 year ago)
• Topics: client, nextjs, server, use, vscode, vscode-extension
• Language: TypeScript
• Homepage: https://nyxb.zip
• Size: 74.2 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# 💡 vscode-use



> This is a Visual Studio Code extension that allows you to insert "use client" or "use server" statements at the beginning of a file.

## ✨ Features

- Provides commands to insert "use client" or "use server" statements at the beginning of the active file.

- Supports the keyboard shortcuts:

  - For "Insert 'use client' Statement": Control+Alt+C (Mac) or Ctrl+Alt+C (Windows/Linux)

  - For "Insert 'use server' Statement": Control+Alt+S (Mac) or Ctrl+Alt+S (Windows/Linux)

- Can be triggered by right-clicking in the editor and selecting the corresponding option.

- You can also use the Command Palette (`Control+Shift+P` on macOS or `Ctrl+Shift+P`) and search for "Insert 'use client' Statement" or "Insert 'use server' Statement".

## 📦 Installation

1. Launch Visual Studio Code.

2. Press `Ctrl+P` (or `Cmd+P` on macOS) to open the Quick Open dialog.

3. Type `ext install your-extension` and press `Enter`.

4. Click the Install button next to the extension "Your Extension" by "Your Publisher".

## 🚀 Usage

- To insert a "use client" statement:

  - Use the predefined keyboard shortcut: Control+Alt+C (Mac) or Ctrl+Alt+C (Windows/Linux).

  - Right-click in the editor and select "Insert 'use client' Statement".

  - Use the Command Palette (`Cmd+Shift+P` on macOS or `Ctrl+Shift+P`) and search for "Insert 'use client' Statement".

- To insert a "use server" statement:

  - Use the predefined keyboard shortcut: Control+Alt+S (Mac) or Ctrl+Alt+S (Windows/Linux).

  - Right-click in the editor and select "Insert 'use server' Statement".

  - Use the Command Palette (`Control+Shift+P` on macOS or `Ctrl+Shift+P`) and search for "Insert 'use server' Statement".

## 🤝💰 Sponsors



  

    

  



## 📜 License

[MIT](./LICENSE) 💚 License © 2023 [Dennis Ollhoff](https://github.com/nyxb)