nuxt-vscode

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 26 Open GitHub ↗

Nuxt VS Code Extension (unofficial)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Nuxt VSCode (unofficial)</h1>

> This extension is **not** affiliated with Nuxt.js.

<p align="center">
  This Extension uses <a href="https://nuxt.com/docs/api/commands/add" target="_blank">nuxi</a> but makes it interactive and easy to use with a nuxt 3 project within vscode.
</p>

## Prerequisites

- [VS Code](https://code.visualstudio.com/) `^v1.71.0`

## Features

- 📖 Open Source
- 🚀 Built for [Nuxt 3](https://v3.nuxtjs.org) 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

![command pallet](https://raw.githubusercontent.com/cpreston321/nuxt-vscode/main/preview/command-pallet.png)

### Context Menus

|       |     |
| :---:       |    :----:  
| ![component context menu](https://raw.githubusercontent.com/cpreston321/nuxt-vscode/main/preview/context-menu/component.png) | ![compoasable context menu](https://raw.githubusercontent.com/cpreston321/nuxt-vscode/main/preview/context-menu/composable.png) |  
|![layout context menu](https://raw.githubusercontent.com/cpreston321/nuxt-vscode/main/preview/context-menu/layout.png) | ![middleware context menu](https://raw.githubusercontent.com/cpreston321/nuxt-vscode/main/preview/context-menu/middleware.png) |
| ![plugin context menu](https://raw.githubusercontent.com/cpreston321/nuxt-vscode/main/preview/context-menu/plugin.png) | ![page context menu](https://raw.githubusercontent.com/cpreston321/nuxt-vscode/main/preview/context-menu/page.png) |
| ![server context menu](https://raw.githubusercontent.com/cpreston321/nuxt-vscode/main/preview/context-menu/server.png) | |

---

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

## 💻 Development

- Clone this repository
- Enable [Corepack](https://github.com/nodejs/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`](https://v3.nuxtjs.org/api/commands/add/) is developed by [@nuxt](https://github.com/nuxt)

[`README Inspiration`](https://github.com/zernonia) by [@zernonia](https://github.com/zernonia)

## 📜 License

# 📧 Contact

cpreston321 - [@cpreston321](https://twitter.com/cpreston321)

Also, if you like my work, please feel free to [buy me a coffee](https://www.buymeacoffee.com/cpreston321) ☕️

# 🔥 Contributors

nuxt-vscode

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README