VEE 3 + VITE +ブースター5 + SASSセットアップ

VTE 3をViteでインストールする

> npm init vue@latest

には、typescriptやテストサポートなどの任意の機能の数のプロンプトが表示されます.

2：ファイルのクリーンアップ＆表示シンプルなハローワールド！

> rm -r src/assets/
> rm -r src/components/

<!-- src/App.vue -->
<template>
  <h1>Hello World!</h1>
</template>

3：ブートストラップ5＆セットアップをインストールする

> npm install bootstrap

// src/main.js
import { createApp } from "vue";
import App from "./App.vue";

import "bootstrap/dist/css/bootstrap.css";

createApp(App).mount("#app");

import "bootstrap/dist/js/bootstrap.js";

4：お尻セットアップ

> npm install -D sass

<!-- src/App.vue -->
<template>
  <h1>Hello World!</h1>
</template>

<style lang="scss">
h1 {
  color: green;

  &:hover {
    color: greenyellow;
  }
}
</style>

ドゥー！