使用TS 开发vue项目

要使用TypeScript 开发 Vue 项目，你需要执行以下步骤：

1. 创建一个新的 Vue 项目，并在创建时选择 TypeScript 支持。如果你已经有一个 Vue 项目，可以手动添加 TypeScript 配置。
2. 安装 TypeScript 相关依赖：

npm install --save-dev typescript
npm install --save-dev @vue/cli-plugin-typescript

3. 添加一个 tsconfig.json 文件到项目根目录，配置 TypeScript 编译选项。
4. 在 Vue 组件中使用 TypeScript 语法。例如：

<script lang="ts">
import Vue from 'vue';
 
export default Vue.extend({
  props: {
    msg: String
  },
  methods: {
    clickMe() {
      this.$emit('hello');
    }
  }
});
</script>

5. 确保你的 Vue 组件文件具有 .ts 扩展名，例如 HelloWorld.vue 应该是 HelloWorld.ts.
6. 在 vue.config.js 中配置 TypeScript 支持（如果你的项目中没有这个文件，你需要创建它）：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('ts')
      .test(/\.ts$/)
      .use('ts-loader')
        .loader('ts-loader')
        .end();
  }
};

7. 运行你的 Vue 项目，TypeScript 将会被编译成 JavaScript，并且可以在浏览器中正常工作。

npm run serve

以上步骤提供了一个基本的 TypeScript 和 Vue 项目设置。根据你的具体需求，你可能需要添加更多的 TypeScript 类型定义，或者使用 Vuex/Vue Router 等插件时，你还需要为它们添加类型声明。