vue+props没有代码提示

在Vue中，可以通过TypeScript来实现props的代码提示。具体步骤如下：

1.安装必要的依赖：

npm install --save-dev typescript ts-loader

2.在项目根目录下创建`tsconfig.json`文件，并添加以下内容：

{
  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "strict": true,
    "jsx": "preserve",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "sourceMap": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "tests/**/*.ts", "tests/**/*.tsx", "typings/**/*.d.ts"],
  "exclude": ["node_modules"]
}

3.在`webpack.config.js`中添加以下代码：

module.exports = {
  // ...
  resolve: {
    extensions: ['.js', '.vue', '.json', '.ts'],
    alias: {
      '@': resolve('src')
    }
  },
  module: {
    rules: [
      // ...
      {
        test: /\.tsx?$/,
        loader: 'ts-loader',
        exclude: /node_modules/,
        options: {
          appendTsSuffixTo: [/\.vue$/]
        }
      }
    ]
  }
}

4.在`.vue`文件中使用props时，需要在`<script>`标签中添加`<script lang="ts">`，并且在`export default`中添加类型定义，例如：

<template>
  <div>{{ message }}</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  props: {
    message: {
      type: String,
      required: true
    }
  }
})
</script>

至此，就可以在使用props时获得代码提示了。