uniapp+vue3+云开发全栈开发同城配送鲜花小程序任意商城教程

kuaidelasi · · 78 次点击 · 开始浏览    置顶

/s/1KKNY_vQGM2RAB7ljGVKz2g 提取码: mwac 一、Vue介绍 Vue.js是一套构建用户界面的 “渐进式框架”。 与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。 Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。 它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。 当然,在使用Vue.js时,你也可以结合其他库一起使用,比如jQuery。 二、项目搭建 1、创建以 typescript 开发的工程 npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project 2、安装sass npm install -D sass // 安装sass-loader,注意需要版本10,否则可能会导致vue与sass的兼容问题而报错 pnpm add sass-loader@10 -D 如果在mian.ts中引入uview-plus时会提示ts报错:无法找到模块“uview-plus”的声明文件 在src文件中创建一个types文件夹专门用来存放ts类型声明文件,在文件中新建uview.d.ts文件写入下方声明代码 const http_config: { result_code: number | string default_headers: AxiosHeaders token_name: string request_timeout: number } = { /** * token默认名称 */ token_name: '_token', /** * 接口成功返回状态码 */ result_code: '0000', /** * 接口请求超时时间 */ request_timeout: 60000, /** * 默认接口请求类型 * 可选值:application/x-www-form-urlencoded multipart/form-data */ default_headers: 'application/json;charset=utf-8' } export { http_config } 工程化实践 项目通过集成多种工具和插件,实现了从代码规范到提交规范的全方位管理: 代码规范:通过 ESLint、Prettier、Stylelint 确保代码风格一致。 提交规范:利用 husky、lint-staged、commitlint 规范提交信息,确保每次提交都是高质量的。 自动化工具:Vite 提供了快速的开发服务器和构建工具,TypeScript 提供了类型检查,pinia 提供了高效的状态管理。 项目及技术应用场景 应用场景 多端开发:uni-app 支持一次编写,多端发布(H5、小程序、App),非常适合需要跨平台部署的项目。 高效开发:Vue3.x 和 TypeScript 的结合,提供了更好的开发体验和类型安全。 工程化需求:对于需要严格代码规范和提交规范的项目,该项目提供了一整套解决方案。 技术优势 快速开发:Vite 的快速冷启动和热更新,大大提升了开发效率。 代码质量:通过集成多种代码规范工具,确保了代码的高质量。 状态管理:pinia 提供了简洁高效的状态管理方案,配合持久化插件,使得状态管理更加灵活。

有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

78 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传