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