vue项目引入ts

要在Vue项目中使用TypeScript，您需要执行以下步骤：

1. 安装TypeScript

您可以使用npm或yarn来安装TypeScript：

npm install --save-dev typescript

或者

yarn add --dev typescript

2. 创建tsconfig.json文件

在Vue项目的根目录下创建一个tsconfig.json文件，该文件包含TypeScript编译器的配置信息。您可以使用以下命令创建该文件：

npx tsc --init

3. 配置Webpack

要在Webpack中使用TypeScript，您需要安装以下依赖项：

npm install --save-dev ts-loader
npm install --save-dev fork-ts-checker-webpack-plugin

然后您需要在Webpack的配置文件中进行以下更改：

module.exports = {
  // ...
  module: {
    rules: [
      // ...
      {
        test: /\.ts$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'ts-loader',
            options: {
              transpileOnly: true
            }
          }
        ]
      }
    ]
  },
  resolve: {
    extensions: ['.ts', '.js', '.vue', '.json']
  },
  plugins: [
    new ForkTsCheckerWebpackPlugin()
  ]
};

4. 在Vue组件中使用TypeScript

要在Vue组件中使用TypeScript，您需要将组件的脚本标记为.ts文件并使用TypeScript语法。例如：

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

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component
export default class HelloWorld extends Vue {
  message: string = 'Hello, World!';
}
</script>

以上就是在Vue项目中引入TypeScript的基本步骤。希望对您有所帮助！