Creating a Vue Application

1. Download dan install Node.js

2. Jalankan CMD

Microsoft Windows [Version 10.0.17134.1304]

(c) 2018 Microsoft Corporation. All rights reserved.

C:\Users\fuad hasan>e:

E:\>mkdir vue-web

E:\>cd vue-web

E:\vue-web>npm create vue@latest

Need to install the following packages:

create-vue@3.8.0

Ok to proceed? (y) y

Vue.js - The Progressive JavaScript Framework

√ Project 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

√ Add Prettier for code formatting? ... No / Yes

Scaffolding project in E:\vue-web\vue-project...

Done. Now run:

  cd vue-project

  npm install

  npm run format

  npm run dev

E:\vue-web>cd vue-project

E:\vue-web\vue-project>npm install

added 439 packages, and audited 440 packages in 8m

97 packages are looking for funding

  run `npm fund` for details

found 0 vulnerabilities

E:\vue-web\vue-project>npm run format

> vue-project@0.0.0 format

> prettier --write src/

src/App.vue 661ms

src/assets/base.css 31ms

src/assets/main.css 12ms

src/components/__tests__/HelloWorld.spec.ts 44ms

src/components/HelloWorld.vue 116ms

src/components/icons/IconCommunity.vue 19ms

src/components/icons/IconDocumentation.vue 21ms

src/components/icons/IconEcosystem.vue 8ms

src/components/icons/IconSupport.vue 25ms

src/components/icons/IconTooling.vue 9ms

src/components/TheWelcome.vue 41ms

src/components/WelcomeItem.vue 23ms

src/main.ts 10ms

src/router/index.ts 26ms

src/stores/counter.ts 16ms

src/views/AboutView.vue 6ms

src/views/HomeView.vue 7ms

E:\vue-web\vue-project>npm run dev

> vue-project@0.0.0 dev

> vite

  VITE v4.5.0  ready in 8331 ms

  ➜  Local:   http://localhost:5173/

  ➜  Network: use --host to expose

  ➜  press h to show help