移除vscode裝飾器報錯

不知各位有沒有在使用vscode 寫mobx+react的時候，遇到過 experimentalDecorators warning？

問題截圖


當我在vscode新創建一個react+mobx項目的時候，遇到了下面這個警告。

Experimental support for decorators is a feature that is subject to change in a future release. Set the ‘experimentalDecorators’ option to remove this warning.

每當我新引入MobX的 @observable 裝飾器時，vscode 並不識別，並將相關的react class 以及 聲明的 observable 屬性都下劃紅線。

不過webpack編譯項目的時候並沒有錯誤，只是vscode一直下劃線警告我，很難受。

下面說一個解決辦法：

解決辦法

在項目的根目錄創建一個tsconfig.json，並在文件裏輸入下面的配置：

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "allowJs": true
    }
}

重啓一下vscode 或者 關閉文件tab重新打開之後，你就應該看不到experimentalDecorators 警告了。