vscode中使用vue-cli时,用@引入地址没有提示且爆红

这个问题通常是由于路径别名配置不正确导致的。可以按照以下步骤进行排查：

1. 打开项目中的`vue.config.js`文件，检查是否配置了别名(alias)：

module.exports = {
  // ...
  configureWebpack: {
    resolve: {
      alias: {
        '@': 'src',
        // 其他路径别名
      }
    }
  }
}

2. 如果有配置别名，检查是否正确引入了`vue-cli-plugin-style-resources-loader`插件，并且在`vue.config.js`中进行了配置：

module.exports = {
  // ...
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'scss',
      patterns: [
        // 引入全局的scss文件
        // 例如：path.resolve(__dirname, './src/assets/scss/variables.scss')
      ]
    }
  }
}

3. 如果以上都没有问题，尝试在`settings.json`中添加以下配置：

{
  "vetur.validation.template": false,
  "vetur.format.defaultFormatter.html": "prettyhtml",
  "vetur.format.defaultFormatter.js": "prettier-eslint",
  "vetur.format.defaultFormatter.css": "prettier"
}

希望以上方法可以帮到你解决问题。