Vue3+TS版本Uniapp:项目前置操作

发布网友发布时间：2024-10-09 20:06

共1个回答

热心网友时间：2024-11-29 05:18

在Vue3+TS版本的Uniapp项目开发中，VSCode因其强大的TypeScript支持被推荐为首选开发工具。TS的优势在于提升代码可维护性和一致性，有利于鸿蒙 ArkTS 的应用，还能帮助开发者获取更高的职业竞争力。以下是项目前置的一些操作步骤：

首先，确保已安装必要的插件：一个用于校验关键文件，一个提供代码片段，快速创建组件，代码提示和注释高亮，以及鼠标悬停查看信息的插件。快捷打开控制器的快捷键是`ctrl+`。通过命令`npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project`安装支持TS的项目，安装完成后使用pnpm install来安装依赖。

配置TS类型校验，需要在根目录下的tsconfig.json文件中设置常规配置。推荐保存这篇文章以便随时参考。特别注意，src下的package.json和manifest.json在VSCode中可能需要将注释格式设置为jsonc，以解决可能出现的问题。

利用官方uni-ui组件库时，可以通过easycom快速引入组件，而无需复杂的import语句。同时，针对组件的TS支持，需要在项目配置中添加相应的代码。

对于状态管理，项目采用Vue3的Pinia。为了更好地学习和应用，可以在B站搜索前端小王hs的教程，找到2023年最新的Vue3全家桶相关视频。在常规项目中，使用pinia-plugin-persistedstate进行状态持久化，而在uniapp的小程序环境中，需要对配置进行相应的调整。