Creating a Vue Application and run it.

  • Install latest version of Node.js.
  • Run the following command in your command line.

npm init vue@latest
  • Then type Project name and Package name
Project name: ... vue project
Package name: ... vue-project
  • Select Yes/No
√ Project name: ... vue project
√ Package name: ... vue-project
√ Add TypeScript? ... No / Yes
√ Add JSX Support? ... No / Yes
√ Add Vue Router for Single Page Application development? ... No / Yes
√ Add Pinia for state management? ... No / Yes
√ Add Vitest for Unit Testing? ... No / Yes
√ Add an End-to-End Testing Solution? » No
√ Add ESLint for code quality? ... No / Yes
  • Type following in command line.
cd vue project
npm install
npm run dev
  • The dev server will be started.

 ➜  Local:   http://localhost:5174/
 ➜  Network: use --host to expose
 ➜  press h to show help
  • Paste ‘http://localhost:5174/’ on browser. Vue app is created.

Leave a comment

Your email address will not be published. Required fields are marked *