课程名称:Vue3 + Typescript 从0到1开发通用基础组件
课程章节:项目起航 - 准备工作和第一个页面(1~5节)
课程讲师:张轩
课程内容:
经过对Typescript和vue3基础的学习,本章节老师主要是运用基础学习的内容开始给我们讲解项目中是如何使用的,理论结合实际逐步掌握所学内容。在运用之前老师还讲解了实际开发过程中对需求分析的重要性,和开发的规范,本节课程内容为后期开发编码做了很好的分析和准备。
课程收获:
项目前准备
- 需求分析
当我们开始一个项目或者一个需求的时候,不是盲目的就开始编码,开发,我们应该做的是首先对这个需求进行分析:需求有什么样的内容?什么样的组件,应该如何拆分组件?数据的以什么样的形式展示以及数据的获取方式,封装等等。 - 项目结构
当我们清楚了我们的需求以后开始构建我们的vue应用,那一个项目应该具备什么的项目结构,使我们开发者能够清楚快速的认识我们的项目呢?我们就要有一个清晰的项目目录结构,区分每个文件夹的作用,这不仅帮助我们开发,也可以使新加入的同事能够快速了解我们的项目。为了规范开发,我们还应该有一套大家都遵守的项目代码规范,规范我们的开发风格,开发方式,避免因为不断格式而影响我们的代码更新等。
比如下面的项目结构:
/assets // 静态资源
image.png
logo.png
/components // 项目组件
ColumnList.vue
Dropdown.vue
...
/hooks // 封装可供组件引入的use函数
useURLloader.ts
...
/views // 路由组件,通常是可以通过路由访问的页面
Home.vue
...
App.vue // g根组件
main.ts // 入口文件
store.ts // 全局状态
router.ts //路由文件
...
通过这节课的学习,我不仅收获了需求分析的能力,同时也知道了项目结构规范,和设置代码规范的作用,以及了解一些规范配置,这在我的实际开发中起到了重要的作用,老师真的很棒很棒!!
俗话说磨刀不误砍柴工,所以要想要更高效的完成一个事情,那么前期准备工作是必不可少的,更是及其重要的一环,如果前期能够准备充分,我们很可能事半功倍,在项目开发中也一样,开发之前的需求分析,组件拆分,熟悉需求,工作量评估等等每一环对后期提高开发效率都是非常重要的也是我们不可忽视的,我也会再我项目开发中一步步深入实践总结,感谢老师的课程,真的给我很大帮助,老师辛苦了!!