TS的tsconfig.json配置
1.开发环境 vue+typescripts+element+echarts
2.电脑系统 windows10 专业版
3.在开发的过程中,咱们常常会应用到typescripts进行开发我的项目,上面我来说一下对于ts中tsconfig.json文件的配置:
{ "compilerOptions": { // "incremental": true, // 增置编译 // "tsBuildlnfoFile": "./buildFile", // 增置编译文件的存储地位 // "diagnostics": true, // 打印诊断倍息 // "target": "es5", // 目标语言的版本 // "module": "commonjs", // 生成代码的模块规范 // "outFile": "./app-js", // 将多个相互依赖的文件生成一个文件，能够用在AMD模块中 // "lib": [], // TS 须要援用的库，即申明文件，es5 默认"dom", "es5", "scripthost" // "allowJs": true, // 容许编译：IS 文件（js、jsx) // "checkJs": true, // 容许在JS文件中报错，通常与allowJS _起应用 // "outDir": "./dist", // 指定输入目录 // "rootDir": "./", // 指定输出文件目录（用于输入） // "declaration": true, // 生成申明文件 // "declarationDir": "./d", // 申明文件的门路 // "emitDeclarationOnly": true, // 只生成申明文件 // "sourceMap": true, // 生成指标文件的 sourceMap // "inlineSourceMap": true, // 生成指标文件的 inline sourceMap // "declarationMap": true, // 生成申明文件的 sourceMap // "typeRoots":[], // 申明文件目录，默认node_modules/@types // "types":[], // 申明文件包 // "removeComments":true, // 删除正文 // "noEmit": true, // 不输入文件 // "noEmitOnError": true, // 产生谬误时不输入文件 // "noEmitHelpers": true, // 不生成helper 函数，须要额定装置ts-helpers // "importHelpers": true, // 通过tslib 引入 helper 函数，文件必须是模块 // unoEmitOnErrorM: true, // 产生谬误时不输入文件 // "noEmitHelpers": true, // 不生成 helper 函数，需额定装置 ts-helpers // "importHelpers": true, // 通过tslib引入helper函数，文件必须是模块 // "downlevellteration" : true, // 降级遍历器的实现（es3/5) // "strict": true, // 开启所有严格的类型查看 // "alwaysStrict": false, // 在代码中注入"use strict"; // "noImplicitAny": false, // 不容许隐式的any类型 // "strictNullChecksilj false, // 不容许把null、undefined赋值给其余类型变置 // "strictFunctionTypes": false, // 不容许函数参数双向协变 // "strictPropertyInitialization": false, // 类的实例属性必须初始化 // strictBindCallApply: false, // 严格的 bind/call/apply 检査 // "noImplicitThis": false, // 不容许this有隐式的any类型 // "noUnusedLocals": true, // 检査只申明，未应用的部分变置 // "nollnusedParameters": true, // 查看未应用的函数参数 // "noFallthroughCasesInSwitch": true, // 避免switch语句贯通 // "noImplicitReturns": true, // 每个分支都要有返回值 // "esModulelnterop": true, // 容许export = 导出，由import from导入 // "allowUrndGlobalAccess": true, // 容许在模块中拜访UMD全局变置 // "moduleResolution": "node", // 模块解析策略 // "baseUrl": "./", // 解析非绝对模块的基地址 // "paths": { // "jquery": ["node-modules/jquery/dist/jquery.slim.min.js"] // } // "rootDirs": ["src", "out"], // 将多个目录放在一个虚拟目录下，用于运行时 // "listEmittedFiles": true, // 打印输出的文件 // "listFiles": true, // 打印编译的文件（包含援用的申明文件） }, // "include": [ // 指定一个匹配列表（属于主动指定该门路下的所有ts相干文件） // "src/**/*.ts", // "src/**/*.tsx", // "src/**/*.vue", // "tests/**/*.ts", // "tests/**/*.tsx" // ], // "exclude": [ // 指定一个排除列表（include的反向操作） // "node_modules" // ], // "files": [ // 指定哪些文件应用该配置（属于手动一个个指定文件） // "demo.ts" // ]}4.如果在赶我的项目的时候,如果在终端还是有正告,临时无奈解决的话,无奈打包的话,能够批改配置:
"strict": false,//// 敞开所有严格的类型查看5.配置完4之后,你就会发现终端不会报错了,这样就能够进行打包了。
6.本期的教程到了这里就完结啦,是不是很简略,让咱们一起致力走向巅峰,加油!