Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cpreston321/nuxt-vscode

Nuxt VS Code Extension (unofficial)
https://github.com/cpreston321/nuxt-vscode

nuxi nuxt vscode vscode-extension

Last synced: 19 days ago
JSON representation

Nuxt VS Code Extension (unofficial)

Awesome Lists containing this project

README

        

Nuxt VSCode Cover Image

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.



Version


Rating


Installs


Downloads

## 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](./preview/command-pallet.png)

### Context Menus

| | |
| :---: | :----:
| ![component context menu](./preview/context-menu/component.png) | ![compoasable context menu](./preview/context-menu/composable.png) |
|![layout context menu](./preview/context-menu/layout.png) | ![middleware context menu](./preview/context-menu/middleware.png) |
| ![plugin context menu](./preview/context-menu/plugin.png) | ![page context menu](./preview/context-menu/page.png) |
| ![server context menu](./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

[MIT](./LICENSE) License © 2022 [cpreston321](https://github.com/cpreston321)

# 📧 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) ☕️


Logo

# 🔥 Contributors