mkdir AnimatedLyrics
pnpm init
pnpm add -D @types/stats.js@^0.17.4 typescript@^5.8.3 vite@^7.0.5 vite-plugin-wasm@^3.5.0 && pnpm add @applemusic-like-lyrics/[email protected] @applemusic-like-lyrics/[email protected] @applemusic-like-lyrics/[email protected] @pixi/app@^7.4.3 @pixi/core@^7.4.3 @pixi/display@^7.4.3 @pixi/filter-blur@^7.4.3 @pixi/filter-bulge-pinch@^5.1.1 @pixi/filter-color-matrix@^7.4.3 @pixi/sprite@^7.4.3 jss@^10.10.0 jss-preset-default@^10.10.0 lil-gui@^0.20.0 stats@^1.0.0 stats.js@^0.17.0
pnpm approve-builds
New-Item vite.config.ts

然后,根据需要,改一下 vite.config.ts 的配置,

import wasm from "vite-plugin-wasm";

export default {
  build: {
    target: ["esnext"],
  },
  plugins: [wasm()],
};

然后,

New-Item tsconfig.json

填入内容,

{
  "compilerOptions": {
    "target": "ESNext",
    "lib": [
      "ESNext",
      "DOM",
      "DOM.Iterable"
    ],
    "strict": true,
    "module": "ESNext",
    "moduleResolution": "Bundler",
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "outDir": "dist"
  },
  "include": [
    "src"
  ]
}

然后,

mkdir src
cd src
New-Item main.ts
cd ..
New-Item index.html