Vue 3 and Vite with typescript and tooling

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • See full example on repo: vue-ts-eslint-template.

  • create-vue

    🛠️ The recommended way to start a Vite-powered Vue project

  • Use the repo create-vue to get started, this will be the official way to set up a new Vue project with Vite in the future. After running npm init vue@next choose the options appropriate for your use case.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • volar

    Discontinued ⚡ Explore high-performance tooling for Vue [Moved to: https://github.com/vuejs/language-tools]

  • The first step is to enable the Volar extension and disable the Vetur extension. Volar is the new recommended extension to use with Vue 3 and typescript.

  • vetur

    Vue tooling for VS Code.

  • The first step is to enable the Volar extension and disable the Vetur extension. Volar is the new recommended extension to use with Vue 3 and typescript.

  • husky

    Git hooks made easy 🐶 woof!

  • This will setup a precommit hook with husky and lint-staged.

  • lint-staged

    🚫💩 — Run linters on git staged files

  • This will setup a precommit hook with husky and lint-staged.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts