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