ts使用装饰器运行没问题,编译报错解决

    科技2022-07-15  130

    文章目录

    装饰器简介ts使用装饰器运行没问题,编译报错解决方法方法1 tsconfig开启ES7标准方法2 全局开es7关于用户和工作空间设置

    装饰器简介

    装饰器:装饰器是一种特殊类型的声明,它能够被附加到类声明,方法,属性或者参数上,可以修改类的行为

    通俗的讲修饰器就是一个方法,可以注入到类,方法,属性参数上 来扩展类,属性,方法,参数的功能

    常见的装饰器:类装饰器,属性装饰器,方法装饰器,参数装饰器

    装饰器的写法:普通装饰器(无法传参),装饰器工厂(可传参)

    装饰器是过去几年中js最大的成就之一,已经是ES7的标准特性之一

    ts使用装饰器运行没问题,编译报错解决方法

    方法1 tsconfig开启ES7标准

    先注释了模块导入的代码,再开始编写修饰器相关代码,当然要先配置打开es7检查。那怎么打开呢,一个是全局打开,一个是在项目的tsconfig处打开,不然会出现编译报错的情况,能运行但是看着很难受!

    { "compilerOptions": { "experimentalDecorators": true, //其他配置省略 } }

    不打开的话: 开启后:

    是不是舒服多了!!

    方法2 全局开es7

    打开文件→首选项→设置(没装中文插件就自己摸索一下根据英文和下图找到setting)

    输入experimentalDecorators 查找设置。选中即可解决。

    关于用户和工作空间设置

    用户设置与工作空间设置 VS Code提供了两种设置方式:

    用户设置: 这种方式进行的设置,会应用于该用户打开的所有工程;工作空间设置:工作空间是指使用VS Code打开的某个文件夹,在该文件夹下会创建一个名为.vscode的隐藏文件夹,里面包含着仅适用于当前目录的VS Code的设置,工作空间的设置会覆盖用户的设置。

    每个人都有自己的偏好,在使用VS Code进行开发时,都会根据自己的习惯来对VS Code进行用户级别的配置。 但是当多人共同完成某个项目的时候,该项目会有一定的编码规范,如: 编辑某个语言时的设置,代码的缩进等等,这个时候就需要对该项目进行单独的工作空间级别的设置。

    更改默认用户设置与工作空间设置 VS Code的设置文件为setting.json。用户设置的文件保存在如下目录:

    Windows %APPDATA%\Code\User\settings.json

    Linux $HOME/.config/Code/User/settings.json

    工作空间设置的文件保存在当前目录的.vscode文件夹下。

    修改默认设置的两种方式

    使用编辑器直接打开setting.json文件进行设置;点击 VS Code 的 文件 > 首选项 > 设置 ,可以打开设置面板进行设置;

    注意实例对象,对象调用方法出现波浪线,尝试给对象确定类型,比如给个any类型 如:var http:any=new HttpClient();

    至此我相信你遇见得问题都基本解决啦,觉得好就点个赞吧!!
    Processed: 0.012, SQL: 8