1 可在文件夹下打开终端,执行命令,即可在当前文件夹下创建项目
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
2 导入ui-ui
官网有写,可以去看,主要写ui-ui的ts类型支持
终端执行 npm i -D @uni-helper/uni-ui-types
复制包名粘贴到 tsconfig.json中的types下
3 整理项目,即调整代码格式,ts类型校验
终端执行命令 npm i -D @types/wechat-miniprogram @uni-helper/uni-app-types
然后同2,复制包名粘贴到同样位置
4 在tsconfig.json中添加vueCompilerOptions,作用是
vueCompilerOptions
是一个特殊的配置选项,这允许定制 Vue 的编译器行为。其中的nativeTags
是一个数组,它定义了哪些标签应被视为原生 HTML 标签。这个配置选项只影响 Vue 的编译器行为,不会影响其他 TypeScript 编译选项