(unofficial) Nuxt VS Code Extension

Overview

Cover Image

(unofficial) nuxt-vscode

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

Nuxi commands for vscode. This extension is not affiliated with Nuxt.js.

Features

  • ๐Ÿ“– Open Source
  • ๐Ÿš€ Built for Nuxt 3 Project
  • โœจ Nuxi built into VS Code.
  • Full Typescript Support

Prerequisites

Features

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

command pallet

context menu


  • 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: Typecheck - WIP โš ๏ธ
  • Nuxt: Upgrade - Upgrade to the latest version of Nuxt

๐Ÿ’ป 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 โ˜•๏ธ

Logo
You might also like...

Http-proxy middleware for Nuxt 3.

nuxt-proxy Http-proxy middleware for Nuxt 3. Installation npm install nuxt-proxy Usage export default defineNuxtConfig({ modules: ['nuxt-proxy'],

Sep 23, 2022

Nuxt 3 module for Web3.js

nuxt-web3.js Nuxt 3 module for Web3.js. Installation npm install nuxt-web3.js Usage export default defineNuxtConfig({ modules: ['nuxt-web3.js'], })

Sep 19, 2022

OpenID-Connect(OIDC) integration module for nuxt 3.0.

Nuxt OpenID-Connect OpenID-Connect(OIDC) integration module for nuxt 3.0. Features An Nuxt 3 module. OIDC integration ( implemetation base openid-clie

Aug 30, 2022

๐Ÿ”Ž Meilisearch module for Nuxt 3

๐Ÿ”Ž Meilisearch module for Nuxt 3

nuxt-meilisearch Meilisearch module for Nuxt Features Nuxt 3 Easy integration with MeilisearchJS lib Support for Vue Algolia Vue 3 InstantSearch compo

Aug 24, 2022

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free โ€ข Open Source โ€ข Notification View Demo ยท Report Bug ยท Requ

Jul 5, 2022

Nuxt eureka client

Nuxt eureka client

May 30, 2022

โœ‰๏ธ Nuxt module for first class integration with popular newsletter providers

โœ‰๏ธ Nuxt module for first class integration with popular newsletter providers

nuxt-newsletter Newsletter module for Nuxt 3 โœจ Release Notes ๐Ÿ“– Read the documentation Features Nuxt 3 ready Easy integration with Mailchimp, Revue, B

Sep 12, 2022

๐Ÿ”Ž Algolia module for Nuxt

๐Ÿ”Ž Algolia module for Nuxt

@nuxtjs/algolia Algolia module for Nuxt โœจ Release Notes ๐Ÿ“– Read the documentation Features Nuxt 3 ready Easy integration with Algolia Handy composable

Jul 28, 2022

โšก๏ธ Integrate Nuxt with Twind, The smallest, fastest, most feature complete tailwind-in-js solution in existence!

Nuxt Twind Module Integrate Nuxt with Twind, The smallest, fastest, most feature complete tailwind-in-js solution in existence! Warning ๐Ÿงช This module

Aug 19, 2022
Comments
  • feat: check for `local nuxi`

    feat: check for `local nuxi`

    The docs show to use nuxi via npx/pnpm dlx, but I found that was quite slow, so I ended up installing it locally.

    If we could somehow prioritize using a local version of nuxi it would make this command much faster.

    A few ideas:

    1. Look for nuxi first and only use npx if not found
    2. Make the nuxi command configurable
    3. Automatically install nuxi locally to speed up the extension
    enhancement 
    opened by tesla3327 1
  • feat: allow for multiple `workspaces`

    feat: allow for multiple `workspaces`

    Context

    As of right now it only supports the main workspace, I need to deep scan through all workspace directories to then once run command ask to pick directory to run the commands in.

    enhancement 
    opened by cpreston321 0
Releases(v0.0.3)
  • v0.0.3(Sep 22, 2022)

    โšก๏ธ Improvements

    • Prefer local nuxi over global if available.
    • Double check workspace to see if it's a Nuxt project.
    • Better error handling by sending output to Nuxt (unofficial) channel within VSCode.
    • Group commands under โœจ Nuxt and โš™๏ธ Nuxt Utilities in the command palette.

    Full Changelog: https://github.com/cpreston321/nuxt-vscode/compare/v0.0.2...v0.0.3

    Source code(tar.gz)
    Source code(zip)
Owner
Christian Preston
Software Engineer | Investor | Gamer | A Passion to helping Open Source Projects
Christian Preston
Nuxt.js module to use Unleash toggle feature services

nuxt-unleash Nuxt.js module to use Unleash toggle feature services ?? Release Notes Features Use $unleash to access and handle your Unleash feature fl

Juanjo Conejero 14 Sep 13, 2022
Easy generation of OpenGraph & Twitter meta-tags in Nuxt 3 ๐Ÿ“‹

nuxt-social-tags Easy generation of OpenGraph & Twitter meta-tags in Nuxt 3 โœจ Release Notes ?? Read the documentation Features Nuxt3 ready Composables

Conner 13 Aug 27, 2022
Easily connect your Nuxt 3 application with LogSnag ๐Ÿ“ฐ

Nuxt LogSnag ?? LogSnag integration for Nuxt 3 โœจ Release Notes Features Nuxt 3 ready Easy integration Handy composables TypeScript support Setup Insta

Conner 13 Apr 28, 2022
Nuxt 3 starter with Algolia, Storyblok, and Indexer

Nuxt 3 with Storyblok CMS and Algolia Search (incl. automatic indexing) This is a demo repository for an article in Dev.to. We recommend to look at th

Jakub Andrzejewski 5 May 24, 2022
End-to-end typesafe APIs with tRPC.io in Nuxt applications.

tRPC-Nuxt End-to-end typesafe APIs with tRPC.io in Nuxt applications. The client above is not importing any code from the server, only its type declar

Robert Soriano 146 Sep 17, 2022
A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free โ€ข Open Source โ€ข Notification View Demo ยท Report Bug ยท Requ

zernonia 201 Sep 14, 2022
๐Ÿ”Ž Algolia module for Nuxt

@nuxtjs/algolia Algolia module for Nuxt โœจ Release Notes ?? Read the documentation Features Nuxt 3 ready Easy integration with Algolia Handy composable

Nuxt Community 94 Sep 4, 2022
Nuxt 3 module for Kirby's Query Language API

nuxt-kql Kirby KQL module for Nuxt 3. This module provides a useKql composable, which under the hood uses useFetch. Thus, KQL query fetching in your N

Johann Schopplich 19 Sep 15, 2022
This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configured and ready to use in real world projects!

Nuxt 3 Starter This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configure

Ali Soueidan 13 Sep 10, 2022
Batteries-included, zero-config Ionic integration for Nuxt

Nuxt Ionic Ionic integration for Nuxt โœจ Changelog ?? Read the documentation โ–ถ๏ธ Online playground Features โš ๏ธ nuxt-ionic is currently a work in progres

Daniel Roe 168 Sep 14, 2022