Vue3+TS版本Uniapp：项目前置操作
最新回答
夏凉浮生
2024-11-26 08:37:43
首先，确保已安装必要的插件：一个用于校验关键文件，一个提供代码片段，快速创建组件，代码提示和注释高亮，以及鼠标悬停查看信息的插件。快捷打开控制器的快捷键是`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的小程序环境中，需要对配置进行相应的调整。
热门标签
