VSCode показывает ошибки в редакторе из vue-tsc

У меня есть приложение Vue3 и я использую VSCode. Использование команды npm run type-check покажет мне ошибки vue-tsc. Я пытаюсь найти способ показать эти ошибки в VSCode, как это делает eslint.

Кто-нибудь знает, возможно ли это?

У меня есть последние версии пакетов typescript, vue и vue-tsc npm, а также VSCode и официальное расширение Vue.

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
0
70
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Перейдите к этой части документации и попробуйте следующий фрагмент

<script setup lang = "ts">
import { ref } from 'vue'
const count = ref('1')
</script>

<template>
  {{ count.toFixed(2) }}
</template>

С официальным расширением Vue VScode (с использованием Volar за кулисами) + совершенно новым проектом, созданным с помощью Vue CLI, оно должно работать хорошо (работает даже без запроса TS во время создания проекта на моей стороне).

Не стесняйтесь поделиться репозиторием Github, если это не так.

Благодарю за ваш ответ. Я исправил это случайно, когда пытался исправить другие проблемы и изменил значения rootDir и baseUrl tsconfig.json.

Voicu Seiche 25.07.2024 09:56
Ответ принят как подходящий

Проблема заключалась в том, что значения rootDir и baseUrl были неправильно настроены в файле tsconfig.app.json.

После изменения этих настроек на правильные значения я получаю ошибки и предупреждения в VSCode от Volar.

Другие вопросы по теме