# week9 - 项目整体搭建

# 标题

项目整体搭建

# 本周讲师

张轩

# 代码库地址

https://git.imooc.com/class-110/lego/src/feature/inital-structure

# 将收获什么

# 第一部分： 相关准备知识

• 前端工具链的相关工具介绍
• 脚手架工具的使用和对比
  • Imooc CLI
  • Vue CLI
  • Vite
• 编码规范
  • ESLint
  • Prettier
  • 产出编码规范文档
• 项目结构规范
  • 产出项目结构规范文档
• Git 操作规范
  • Git Flow

# 第二部分 搭建项目整体框架

• Ant Design Vue
• Vue Router
• Vuex

# 关键词

• 技术规范文档 - 必须落实到文档中，别放在脑子里
• Ant Design Vue
• Vue Router 和 Vuex
• Typescript - 用了 TS，一定要培养使用的习惯，看到任何变量都想到它的类型

# 学习方法

• 对比学习 ：更进一步， 不同工具也可以横向对比，这样可以收获的更多。
• 必须亲自实践：请不要因为比较简单就不写代码，眼高手低。无他，唯手熟尔
• 不要教条主义：很多过程没有标准答案，适合自己的项目的方案才是最优解。
• 学会看文档：好的文档中有大部分的知识点。

Copyright © 2022 @filway