/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 提供了简洁高效的状态管理方案，配合持久化插件，使得状态管理更加灵活。
有疑问加站长微信联系（非本文作者）
