crimson-cloud-ui

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

`json
{
"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' 或 '' 扩展 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