如何让vscode有vue提示

要在Visual Studio Code (VSCode) 中为Vue.js项目添加提示和自动完成功能，你需要安装Vue相关的插件和配置支持。以下是步骤：

1. 安装Vue Language Server (VLS)：
- 打开VSCode，在左下角的扩展商店搜索“Vue”。
- 点击“Vue Language Server”或类似名称的插件并点击“安装”按钮。
- 如果还未安装`vetur`（Vue Extension for VSCode），也可以一起安装，因为它包含了大部分Vue支持。

2. 配置工作区设置：
- 右键点击任意文件夹（通常是你项目的根目录），选择“打开用户设置”或者按下 `Ctrl + ,`（Windows/Linux）或 `Cmd + ,`（Mac）。
- 输入`.vscode/settings.json`，如果不存在就创建一个新的文件。
- 添加以下内容：

     {
         "javascript.volar.enabled": true,
         "vetur.format.defaultFormatter.html": "prettyhtml",
         "vetur.format.defaultFormatterOptions.prettyhtml": {
             "tabWidth": 2,
             "spaceBeforeOpeningBracket": true,
             "insertPragma": false
         },
         "editor.formatOnSave": true
     }

- 这里启用Volar（Vue Language Server）和指定HTML美化器。

3. 初始化项目：
- 在项目根目录运行`npm install` 或者`yarn install`来安装依赖。
- 在某些情况下，你可能需要在项目根目录下运行`vue create .`（替换`.`为项目名），初始化一个默认的Vue脚手架项目。

4. 设置路径映射（如果你使用的是非Vue CLI项目）：
- 在`settings.json`中添加一个`"files.watcher.exclude"`数组，排除掉不需要检测的文件或目录，如node_modules等。

现在你应该有了Vue的智能提示和代码格式化功能。当编写Vue组件时，按`Ctrl + Space`（Windows/Linux）或`Cmd + Space`（Mac）通常会触发提示。