Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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)
- Host: GitHub
- URL: https://github.com/cpreston321/nuxt-vscode
- Owner: cpreston321
- License: mit
- Created: 2022-09-19T20:23:11.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-20T01:27:26.000Z (over 1 year ago)
- Last Synced: 2024-10-19T04:27:27.974Z (27 days ago)
- Topics: nuxi, nuxt, vscode, vscode-extension
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=cpreston321.nuxt-vscode
- Size: 1.71 MB
- Stars: 26
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
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](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) ☕️
# 🔥 Contributors