nuxt-vscode

Nuxt VSCode (unofficial)

This extension is not affiliated with Nuxt.js.

This Extension uses nuxi but makes it interactive and easy to use with a nuxt 3 project within vscode.

Prerequisites

• VS Code ^v1.71.0

Features

• 📖 Open Source
• 🚀 Built for Nuxt 3 Project
• ✨ Nuxi built into VS Code.
• Full Typescript Support

Feature Previews

A command pallet of commands to run in addition to adding to the explorer context menu for the certain folders that drive the commands. Checkout out the previews below!

Command Pallet

Context Menus

---

• Nuxt: Add Component - Add a component to your project
• Nuxt: Add Composable - Add a composable to your project
• Nuxt: Add Layout - Add a custom layout to your project.
• Nuxt: Add Plugin - Add a plugin to the project
• Nuxt: Add Middleware - Add custom middleware to the project.
• Nuxt: Add API Endpoint - Adds a API endpoint to your project
• Nuxt: Add Page - Adds a page to your project
• Nuxt: Info - Copies the nuxt info to your clipboard
• Nuxt: Prepare Types - Generates types in the .nuxt/ folder
• Nuxt: Upgrade - Upgrade to the latest version of Nuxt
• Nuxt: Typecheck - WIP ⚠️

💻 Development

• Clone this repository
• Enable Corepack using corepack enable
• Install dependencies using pnpm install
• Run dev watcher with pnpm dev
• Run extension in debug mode by pressing F5 or Ctrl + Shift + D

➕ Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Credits

nuxi is developed by @nuxt

README Inspiration by @zernonia

📜 License

MIT License © 2022 cpreston321

📧 Contact

cpreston321 - @cpreston321

Also, if you like my work, please feel free to buy me a coffee ☕️

🔥 Contributors

Changelog

0.0.6 (2023-02-05)

✨ Features

• feat(commands) - 🆕 Nuxt: Prepare Types - same as running nuxi prepare in the terminal.
• feat(commands) - 🆕 Nuxt: Info - same as running nuxi info in the terminal and will copy info automatically to clipboard.
• feat(settings) - 🆕 Nuxt Commands Upgrade Run Prepare - Run prepare after upgrade. This can be disabled if you don't want to run nuxi prepare on upgrade.
  • Default: true

⚡️ Improvements

• chore: update dependencies
• chore: lint fixes