node版本：20.10.0 npm版本：10.2.3 pnpm版本：8.12.1

pnpm init

创建pnpm-workspace.yaml

创建packages文件夹

pnpm-workspace.yaml中添加

packages:
    - 'packages/**'

pnpm install vue typescript sass -D -w

npx tsc --init

{
  "compilerOptions": {
    /* 项目 */
    "incremental": true, /* 保存 .tsbuildinfo 文件以允许对项目进行增量编译。可选值：true, false。 */
    "composite": true, /* 启用约束，允许将 TypeScript 项目与项目引用一起使用。可选值：true, false。 */
    "tsBuildInfoFile": "./.tsbuildinfo", /* 指定 .tsbuildinfo 增量编译文件的路径。 */
    "disableSourceOfProjectReferenceRedirect": true, /* 禁用在引用复合项目时优先使用源文件而不是声明文件。可选值：true, false。 */
    "disableSolutionSearching": true, /* 在编辑时，将项目排除在多项目引用检查之外。可选值：true, false。 */
    "disableReferencedProjectLoad": true, /* 减少 TypeScript 自动加载的项目数量。可选值：true, false。 */

    /* 语言和环境 */
    "target": "esnext", /* 设置生成的 JavaScript 的语言版本，并包括兼容的库声明。可选值："es3", "es5", "es6", "es2015", "es2016", "es2017", "es2018", "es2019", "es2020", "esnext"。 */,
    "lib": ["esnext", "dom"], /* 指定一组捆绑的库声明文件，描述目标运行时环境。 */,
    "jsx": "preserve", /* 指定生成的 JSX 代码。可选值："preserve", "react-native", "react"。 */,
    "experimentalDecorators": true, /* 启用对传统实验性装饰器的实验性支持。可选值：true, false。 */,
    "emitDecoratorMetadata": true, /* 在源文件中为装饰的声明发出设计类型元数据。可选值：true, false。 */,
    "jsxFactory": "", /* 指定在目标为 React JSX 发出时使用的 JSX 工厂函数，例如 'React.createElement' 或 'h'。 */,
    "jsxFragmentFactory": "", /* 指定在目标为 React JSX 发出时用于片段的 JSX 片段引用，例如 'React.Fragment' 或 'Fragment'。 */,
    "jsxImportSource": "", /* 指定在使用 'jsx: react-jsx*' 时用于导入 JSX 工厂函数的模块说明符。 */,
    "reactNamespace": "", /* 指定用于 'createElement' 的对象调用。仅适用于目标为 'react' JSX 发出。 */,
    "noLib": true, /* 禁用包括默认 lib.d.ts 在内的任何库文件的包含。可选值：true, false。 */,
    "useDefineForClassFields": true, /* 发出符合 ECMAScript 标准的类字段。可选值：true, false。 */,
    "moduleDetection": "auto", /* 控制用于检测模块格式 JS 文件的方法。可选值："auto"。 */,

    /* 模块 */
    "module": "esnext", /* 指定生成的模块代码。可选值："none", "commonjs", "amd", "system", "umd", "es6", "es2015", "esnext", "node"。 */,
    "rootDir": "./", /* 指定源文件的根文件夹。 */,
    "moduleResolution": "node10", /* 指定 TypeScript 如何从给定的模块说明符查找文件。 */,
    "baseUrl": "./", /* 指定解析非相对模块名称的基本目录。 */,
    "paths": {}, /* 指定一组条目，将导入重新映射到其他查找位置。 */,
    "rootDirs": [], /* 允许将多个文件夹视为一个文件夹来解析模块。 */,
    "typeRoots": [], /* 指定像 './node_modules/@types' 一样的多个文件夹。 */,
    "types": [], /* 指定要包含的类型包名称，而不在源文件中引用。 */,
    "allowUmdGlobalAccess": true, /* 允许从模块访问 UMD 全局变量。 */,
    "moduleSuffixes": [], /* 解析模块时要搜索的文件名后缀列表。 */,
    "allowImportingTsExtensions": true, /* 允许导入包含 TypeScript 文件扩展名的文件。 */,
    "resolvePackageJsonExports": true, /* 解析包导入时使用 package.json 的 'exports' 字段。 */,
    "resolvePackageJsonImports": true, /* 解析导入时使用 package.json 的 'imports' 字段。 */,
    "customConditions": [], /* 在解析导入时设置的条件，除了解析器特定的默认条件。 */,
    "resolveJsonModule": true, /* 启用导入 .json 文件。 */,
    "allowArbitraryExtensions": true, /* 启用导入具有任何扩展名的文件，前提是存在声明文件。 */,
    "noResolve": true, /* 禁止 'import'、'require' 或 '<reference>' 扩展 TypeScript 应该添加到项目中的文件数量。 */,

    /* JavaScript 支持 */
    "allowJs": true, /* 允许 JavaScript 文件成为程序的一部分。使用 'checkJS' 选项从这些文件中获取错误。 */,
    "checkJs": true, /* 启用类型检查的 JavaScript 文件中的错误报告。 */,
    "maxNodeModuleJsDepth": 1, /* 指定用于检查来自 'node_modules' 的 JavaScript 文件的最大文件夹深度。仅适用于 'allowJs'。 */,

    /* 发出 */
    "declaration": true, /* 从 TypeScript 和 JavaScript 文件生成 .d.ts 文件。 */,
    "declarationMap": true, /* 为 d.ts 文件创建源映射。 */,
    "emitDeclarationOnly": true, /* 仅输出 d.ts 文件，而不是 JavaScript 文件。 */,
    "sourceMap": true, /* 为生成的 JavaScript 文件创建源映射文件。 */,
    "inlineSourceMap": true, /* 在生成的 JavaScript 中包含源映射文件。 */,
    "outFile": "./", /* 指定一个文件，将所有输出捆绑成一个 JavaScript 文件。如果 'declaration' 为 true，还指定捆绑所有 .d.ts 输出的文件。 */,
    "outDir": "./", /* 指定所有生成文件的输出文件夹。 */,
    "removeComments": true, /* 禁用注释的发出。 */,
    "noEmit": true, /* 禁用从编译中发出文件。 */,
    "importHelpers": true, /* 允许每个项目一次从 tslib 导入辅助函数，而不是每个文件都包含它们。 */,
    "importsNotUsedAsValues": "remove", /* 指定导入仅用于类型的发出/检查行为。 */,
    "downlevelIteration": true, /* 为迭代发出更符合标准但冗长且性能较差的 JavaScript。 */,
    "sourceRoot": "", /* 指定调试器查找引用源代码的根路径。 */,
    "mapRoot": "", /* 指定调试器应该在哪里定位映射文件，而不是生成的位置。 */,
    "inlineSources": true, /* 在生成的 JavaScript 中包含源代码。 */,
    "emitBOM": true, /* 在输出文件开头发出 UTF-8 字节顺序标记 (BOM)。 */,
    "newLine": "crlf", /* 设置发出文件的换行符。 */,
    "stripInternal": true, /* 禁用在生成的代码中具有 '@internal' 的 JSDoc 注释的发出。 */,
    "noEmitHelpers": true, /* 禁用在编译输出中生成自定义辅助函数，如 '__extends'。 */,
    "noEmitOnError": true, /* 如果报告了任何类型检查错误，则禁用发出文件。 */,
    "preserveConstEnums": true, /* 禁用在生成的代码中擦除 'const enum' 声明。 */,
    "declarationDir": "./", /* 指定生成声明文件的输出目录。 */
    "preserveValueImports": true /* 保留 JavaScript 输出中未使用的导入值，否则将被删除。 */,

    /* 互操作约束 */
    "isolatedModules": true, /* 确保每个文件可以安全地转译，而不依赖其他导入。可选值：true, false。 */,
    "verbatimModuleSyntax": true, /* 不要转换或省略未标记为仅类型的任何导入或导出，确保它们按照 'module' 设置的输出文件格式编写。可选值：true, false。 */,
    "allowSyntheticDefaultImports": true, /* 当模块没有默认导出时，允许 'import x from y'。可选值：true, false。 */,
    "esModuleInterop": true, /* 发出额外的 JavaScript 以便支持导入 CommonJS 模块。这启用了 'allowSyntheticDefaultImports' 以进行类型兼容。可选值：true, false。 */,
    "preserveSymlinks": true, /* 禁用将符号链接解析为它们的真实路径。这与 node 中的相同标志相关。可选值：true, false。 */,
    "forceConsistentCasingInFileNames": true, /* 确保导入时大小写正确。可选值：true, false。 */,

    /* 类型检查 */
    "strict": true, /* 启用所有严格的类型检查选项。可选值：true, false。 */,
    "noImplicitAny": true, /* 对具有隐含 'any' 类型的表达式和声明启用错误报告。可选值：true, false。 */,
    "strictNullChecks": true, /* 在类型检查时考虑 'null' 和 'undefined'。可选值：true, false。 */,
    "strictFunctionTypes": true, /* 在分配函数时，检查参数和返回值是否是子类型兼容的。可选值：true, false。 */,
    "strictBindCallApply": true, /* 检查 'bind'、'call' 和 'apply' 方法的参数是否与原始函数匹配。可选值：true, false。 */,
    "strictPropertyInitialization": true, /* 检查在构造函数中声明但未设置的类属性。可选值：true, false。 */,
    "noImplicitThis": true, /* 当 'this' 被赋予 'any' 类型时启用错误报告。可选值：true, false。 */,
    "useUnknownInCatchVariables": true, /* 默认将 catch 子句变量设置为 'unknown' 而不是 'any'。可选值：true, false。 */,
    "alwaysStrict": true, /* 确保始终发出 'use strict'。可选值：true, false。 */,
    "noUnusedLocals": true, /* 启用错误报告，当局部变量未被读取时。可选值：true, false。 */,
    "noUnusedParameters": true, /* 当函数参数未被读取时引发错误。可选值：true, false。 */,
    "exactOptionalPropertyTypes": true, /* 将可选属性类型解释为编写的类型，而不是添加 'undefined'。可选值：true, false。 */,
    "noImplicitReturns": true, /* 启用错误报告，对于函数中未显式返回的代码路径。可选值：true, false。 */,
    "noFallthroughCasesInSwitch": true, /* 启用错误报告，对于 switch 语句中的贯穿情况。可选值：true, false。 */,
    "noUncheckedIndexedAccess": true, /* 使用索引访问时，将 'undefined' 添加到类型。可选值：true, false。 */,
    "noImplicitOverride": true, /* 确保在派生类中覆盖的成员标记有 override 修饰符。可选值：true, false。 */,
    "noPropertyAccessFromIndexSignature": true, /* 强制使用索引访问器来访问使用索引类型声明的键。可选值：true, false。 */,
    "allowUnusedLabels": true, /* 禁用未使用标签的错误报告。可选值：true, false。 */,
    "allowUnreachableCode": true, /* 禁用不可达代码的错误报告。可选值：true, false。 */,

    /* 完整性 */
    "skipDefaultLibCheck": true, /* 跳过 TypeScript 包含的 .d.ts 文件的类型检查。可选值：true, false。 */,
    "skipLibCheck": true /* 跳过所有 .d.ts 文件的类型检查。可选值：true, false。 */
  }
}

pnpm add vite @vitejs/plugin-vue -D -w