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

在使用 `vue-cli` 创建的项目中，使用 `@` 引入地址没有提示且爆红，可能是因为你的编辑器没有正确地识别 `@` 作为路径别名的符号。

你可以在项目的根目录中找到 `jsconfig.json` 或 `tsconfig.json` 文件（如果没有则可以手动创建），然后在里面添加类似如下的配置：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

其中，`baseUrl` 表示相对于此文件的路径，`paths` 表示你的路径别名配置，`@/*` 表示你的别名名字，`src/*` 表示你的别名对应的路径。

配置好之后，可以尝试重新启动编辑器，这样 `@` 引入地址就应该有了正确的提示和不再爆红了。如果还有问题，可以尝试重新安装 `@vue/cli-plugin-typescript` 插件，或者检查一下项目的 `tsconfig.json` 文件是否配置正确。

相关问题

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"
}

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

vscode下载vue-cli-service太慢

以下是解决vscode下载vue-cli-service太慢的方法：
1.使用淘宝镜像
在终端中输入以下命令：

npm config set registry https://registry.npm.taobao.org

2.使用cnpm
在终端中输入以下命令安装cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后使用cnpm代替npm安装vue-cli-service：

cnpm install -g @vue/cli-service

3.使用yarn
在终端中输入以下命令安装yarn：

npm install -g yarn

然后使用yarn代替npm安装vue-cli-service：

yarn global add @vue/cli-service