Uniapp已有项目添加typescript

纯js,么有任何提示,感觉很不爽,希望在老项目上加上ts

cli创建的项目

vue add typescript  使用cli内置的方式,添加ts



//解决uni字段不存在的问题  增强uni的提示
npm i @dcloudio/types @types/uni-app @types/wechat-miniprogram --save-dev

tsconfig.js

 "compilerOptions": {
        
        "types": [
            ...
            "@dcloudio/types",
            "@types/wechat-miniprogram",
            "@types/uni-app"
        ],
 },

全局的命名文件 shims-vue.d.ts 避免图文等文件引入报错

declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'

如果是vue2,可以下装饰器的包,vue2对ts支持并不好,最大的问题就是this,在methods内方法不是指向methods,而是指向vue实例本身,在使用vuex,this.$store也不能提供给你很好的提示,

所有最好在vue3用ts,vue2的ts真的不好用