(unofficial) Nuxt VS Code Extension

Related tags

Vue.js vscode nuxt vscode-extension nuxi
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'],

Dec 30, 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'], })

Dec 16, 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

Dec 24, 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

Dec 26, 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

Jan 5, 2023

🔎 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

Oct 18, 2022
Comments
  • Suggestion: Auto detect file extension and slice it off

    Suggestion: Auto detect file extension and slice it off

    When using Nuxt: Add Component, sometimes I accidentally key in Test.vue, instead Test for the component name, thus generating a component named Test.vue.vue. It would be great if the extension auto detect and slice off .vue extension.

    It could also be extended to creating composables (auto detect .ts)

    😁

    bug enhancement 
    opened by zernonia 1
  • 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
  • chore(deps-dev): bump pathe from 0.3.9 to 1.0.0

    chore(deps-dev): bump pathe from 0.3.9 to 1.0.0

    Bumps pathe from 0.3.9 to 1.0.0.

    Changelog

    Sourced from pathe's changelog.

    1.0.0 (2022-11-14)

    Commits
    • 70bf7c9 chore(release): 1.0.0
    • 6582bfb refactor: update repo
    • 7de7a17 chore(deps): update all non-major dependencies (#89)
    • 31406c8 chore(deps): update all non-major dependencies (#88)
    • a842cac chore(deps): update all non-major dependencies to ^0.24.4 (#87)
    • 4be4b50 chore(deps): update devdependency @​types/node to ^18.11.8 (#86)
    • e786931 chore(deps): update pnpm to v7.14.1 (#85)
    • f69d282 chore(deps): update devdependency @​types/node to v18 (#82)
    • 2d6b3b5 chore(deps): update devdependency @​types/node to ^16.18.2 (#84)
    • 6094db4 chore(deps): update devdependency @​types/node to ^16.18.1 (#83)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 0
  • 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.5)

  • v0.0.5(Oct 6, 2022)

  • v0.0.4(Oct 3, 2022)

    0.0.4 (2022-10-03)

    ✨ Features

    • Project Settings for Nuxt VSCode
      • Added disable - Disable the extension per workspace (optional)
        • Default: false
      • Added root - Root directory of the project within the workspace.
        • Defaults to workspaceFolder

    ⚡️ Improvements

    • Sanitize input values to strip out extentions (e.g. Header.vue -> Header).
      • Cleans up so you accidentally type wrong it will still create the file correctly.
    Source code(tar.gz)
    Source code(zip)

  • 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
GitHub https://marketplace.visualstudio.com/items?itemName=cpreston321.nuxt-vscode
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 15 Dec 3, 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 19 Dec 17, 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 231 Dec 30, 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 208 Dec 27, 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 128 Jan 7, 2023
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 25 Dec 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 26 Dec 27, 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 211 Dec 28, 2022