这篇文章主要介绍了vue中ts文件怎么应用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue中ts文件怎么应用文章都会有所收获,下面我们一起来看看吧。 vue中ts是指typescript文件,typescript是js超集,它最主要做的一件事,就是数据类型验证;ts是微软开发的,适用于大型的项目开发,能使开发更加严谨。vue中TS的应用先生成配置文件设置终端监听tsconfig.json
{"compilerOptions":{ /*基本选项*/ "target":"es5",//指定ECMAScript目标版本:'ES3'(default),'ES5','ES2015','ES2016','ES2017',or'ESNEXT' "module":"commonjs",//指定使用模块:'commonjs','amd','system','umd'or'es2015' "lib":[],//指定要包含在编译中的库文件 "allowJs":true,//允许编译javascript文件 "checkJs":true,//报告javascript文件中的错误 "jsx":"preserve",//指定jsx代码的生成:'preserve','react-native',or'react' "declaration":true,//生成相应的'.d.ts'文件 "sourceMap":true,//生成相应的'.map'文件 "outFile":"./",//将输出文件合并为一个文件 "outDir":"./",//指定输出目录 "rootDir":"./",//用来控制输出目录结构--outDir. "removeComments":true,//删除编译后的所有的注释 "noEmit":true,//不生成输出文件 "importHelpers":true,//从tslib导入辅助工具函数 "isolatedModules":true,//将每个文件做为单独的模块(与'ts.transpileModule'类似). /*严格的类型检查选项*/ "strict":true,//启用所有严格类型检查选项 "noImplicitAny":true,//在表达式和声明上有隐含的any类型时报错 "strictNullChecks":true,//启用严格的null检查 "noImplicitThis":true,//当this表达式值为any类型的时候,生成一个错误 "alwaysStrict":true,//以严格模式检查每个模块,并在每个文件里加入'usestrict' /*额外的检查*/ "noUnusedLocals":true,//有未使用的变量时,抛出错误 "noUnusedParameters":true,//有未使用的参数时,抛出错误 "noImplicitReturns":true,//并不是所有函数里的代码都有返回值时,抛出错误 "noFallthroughCasesInSwitch":true,//报告switch语句的fallthrough错误。 /*模块解析选项*/ "moduleResolution":"node",//选择模块解析策略:'node'(Node.js)or'classic'(TypeScriptpre-1.6) "baseUrl":"./",//用于解析非相对模块名称的基目录 "paths":{},//模块名到基于baseUrl的路径映射的列表 "rootDirs":[],//根文件夹列表,其组合内容表示项目运行时的结构内容 "typeRoots":[],//包含类型声明的文件列表 "types":[],//需要包含的类型声明文件名列表 "allowSyntheticDefaultImports":true,//允许从没有设置默认导出的模块中默认导入。 /*SourceMapOptions*/ "sourceRoot":"./",//指定调试器应该找到TypeScript文件而不是源文件的位置 "mapRoot":"./",//指定调试器应该找到映射文件而不是生成文件的位置 "inlineSourceMap":true,//生成单个soucemaps文件,而不是将sourcema免费云主机域名ps生成不同的文件 "inlineSources":true,//将代码与sourcemaps生成到一个文件中,要求同时设置了--inlineSourceMap或--sourceMap属性 /*其他选项*/ "experimentalDecorators":true,//启用装饰器 "emitDecoratorMetadata":true//为装饰器提供元数据的支持 }}
注意:有的同学电脑运行有问题,powerShell 权限的问题NumberStringBooleanObjectArray元祖undefined枚举任意类型any无返回值有返回值类型任意类型定义参数类型默认参数可选参数publicprotectedprivate静态属性与静态方法
//抽象类必须要规定有名字能开(能跑)abstractclassCar{ //定义抽象属性 abstractnameCar:String//定义抽象的方法 abstractrun():String}//创建一个类去继承封装的抽象类classBMWextendsCar{ //实现(定义)抽象类中的成员的具体行为 nameCar:String carAge:Number constructor(){ super() this.nameCar='大宝马' this.carAge=10 } //具体实现抽象类中方法 run():String{ return`${this.nameCar}跑起来了。。。。` } //创建一个停止的方法 stop():void{ console.log('爆胎了。。。。'); }}letbmw=newBMW()console.log('哈哈哈哈');console.log(bmw.run(),'宝马类');bmw.stop()
类的普通装饰器装饰器的传参属性装饰器方法装饰器
相关推荐: 怎么用uni-app制作小程序实现左右菜单联动效果
这篇文章主要介绍“怎么用uni-app制作小程序实现左右菜单联动效果”,在日常操作中,相信很多人在怎么用uni-app制作小程序实现左右菜单联动效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用uni-app制作小程序实现…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。