CSS 安裝

SASS.SCSS 安裝

cmd

npm add -D sass

import class from '/路徑/.css'

TIP

在 Javascript 中幾乎所有要引入的方式都用 import fuction from '/path /dir'。

而vite提供了全區域引入的方式 const modules = import.meta.glob('./dir/*.js')

cmd

npm install bootstrap@5.3.0-alpha1

cmd

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

此時會幫你建立2個檔案tailwind.config.cjs、postcss.config.cjs，在其中一個檔案中加入這段 :

// tailwind.config.cjs
module.exports={
    content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  ...
}

TIP

記住上述的一定要有 vue，才會啟動tailwind

在./src/內建立一個index.css，並填入以下內容:

css

@tailwind base;
@tailwind components;
@tailwind utilities;

引入到 main.js 內

import './index.css'