vue 中如何使用ts
1:在vue项目中安装ts
命令npm install --save-dev typescript npm install --save-dev ts-loader
2:在更目录下创建tsconfig.ts文件或者用命令 tsc --init创建
3:创建完成之后根据自己需要配置ts(不配置也可,但是一定要要这个文件)
4:在webpack.config.js里面添加相应的loder用于编译js如下(每个版本脚手架配置出来的webpack信息不一样没有webpack.config.js这个文件可以去build文件夹中找到webpack.base.conf.js然后放入)
{
test: /.tsx?KaTeX parse error: Can't use function '\.' in math mode at position 99: …dTsSuffixTo: [/\̲.̲vue/],
}
}
最后在webpack.config.js文件的resolve: 里面添加上.ts如下
resolve: {
extensions: [’’, ‘.js’, ‘.vue’, ‘.less’, ‘.css’, ‘.scss’],
}
resolve: {
extensions: [’’, ‘.js’, ‘.vue’, ‘.less’, ‘.css’, ‘.scss’,’.ts’],
}
然后就可以使用了,在vue模板中记得在