Подскажите, пожалуйста, как настроить phpStrom с typeScript, что бы он правильно давал подсказки у автокомплита?
Я включил typescript и добавил в файлах с расширением *.vue. И создаю компоненты через Vue.extend(), как и написано в документации. И всё работает и собирается и типы выводятся. Но в phpStorm выводит типы не всегда верно, он не понимает, this функции может поменяется, и меняется в компонентах vue.
Т.е. если есть компонента в файле .vue:
Vue.extend({
props['test'],
mounted(){
this.test
}
})
Тo phpStorm подчеркнёт this.test как ошибка т.к. по его мнению в this есть только mounted и props, а test нету, он не понимает, что у метода mounted, при добавление в Vue, this будет изменён.
В тоже время если я напишу тоже самое в файле с расширением *.ts то phpStorm всё правильно подскажет.
webpack в обоих случаях всё верно собирает, и правильно выводить ошибки typeScript, проблема только с phpStorm...
Подскажите, пожалуйста, как это можно поправить?
tsconfig.json
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"strict": true,
"jsx": "preserve",
"importHelpers": true,
"noImplicitThis": true,
"moduleResolution": "node",
"experimentalDecorators": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"baseUrl": ".",
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
},
}
.eslintrc.js
module.exports = {
root: true,
env: {
node: true,
},
extends: [
'plugin:vue/essential',
'eslint-config-airbnb',
'@vue/eslint-config-typescript',
'plugin:vue/recommended',
],
plugins: [
'vue',
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-param-reassign': ["off", { "props": false }],
semi: ['error', 'never'],
'max-len': ['off', 100, 2, {
ignoreUrls: true,
ignoreComments: true,
ignoreRegExpLiterals: true,
ignoreStrings: true,
ignoreTemplateLiterals: true,
}],
'no-shadow': ["error", { "allow": ["state"] }],
'import/no-unresolved': ['off'],
'singleQuote': true,
'quotes': ['warn', 'single', { avoidEscape: true }],
'import/extensions': ['error', 'always', {
js: 'never',
}],
},
parserOptions: {
parser: 'typescript-eslint-parser',
},
};