Zhihu-Vue3-Learning Vue 3.0+TypeScript仿知乎专栏
仿知乎专栏的 Vue3 + TypeScript 项目，功能比较完整，风格也挺还原。用的是组合式 API，逻辑拆得干净，代码还算清爽，学起来不容易绕晕。你如果正好想把 Vue3 搞透，顺便练练 TS，这个项目挺合适。
Vue 3 的 Composition API用得比较多，比如把表单校验、数据求这些封装成独立的函数，逻辑清晰还方便复用。你要是之前还习惯用 Options API，这里能让你快速适应新写法。
TypeScript集成得不错，Props、Emit 都有类型提示，出错早知道。比如你写组件通信，不小心传错参数，TS 马上给你提示，开发体验会好不少。
开发流程也挺顺畅：yarn install装完依赖，yarn serve直接启动项目，改代码还能热更新。上线用yarn build，打包出来的体积还挺小的，tree-shaking和压缩都做得到位。
项目风格是那种清清爽爽的知乎味，页面逻辑也比较贴合真实业务——登录注册、发文章、查看专栏这些功能都能跑，适合当个练手项目。用到了Vue Router做路由、Vuex做状态管理，响应式系统也有体现。
代码规范方面也考虑到了，跑yarn lint能把格式问题都检查出来，配合编辑器用的话还能自动修复，省事不少。
哦对了，如果你想再深入一点，还可以看看这个配套的视频教程，企业级写法讲得蛮细的，边看边撸项目，效率高。
，如果你在学 Vue 3 或者刚开始用 TS，想找个带点实战味的项目试试手，这个项目挺值得一看。
文件大小：236.68KB
评论区