【Vue.js + Vuex + TypeScript 实战项目开发与项目优化】

创建项目：使用 Vue CLI 创建项目

• 安装 Vue CLI：npm i -g @vue/cli
• vue create edu-boss-fed

• cd edu-boss-fed
• npm run serve 

加入Git版本管理

• 创建远程仓库
• 将本地仓库推到线上
  • 如果没有本地仓库：
    • git init  # 创建本地仓库
    • git add . # 将问件添加到暂存区
    • git commit -m  "提交日志"  #提交历史记录
    • git remote add origin #你的远程仓库地址   #添加远端仓库地址
    • git push -u origin master  #推送提交
  • 如果已有本地仓库：
    • git remote add origin 你的远程仓库地址   # 添加远端仓库地址
    • git push -u origin master  #推送提交

使用TS开发Vue项目-总结创建组件的方式

• Options APIs

• Class APIs

• Class APIs + decorator

个人建议：No Class APIs，只用 Options APIs

Class 语法仅仅是一种写法而已，最终还是要转换为普通的组建数据结构

装饰器语法还没有正式定稿发布，建议了解即可，正式发布以后在选择使用也可以。

使用 Options APIs 最好使用 export default Vue.extend({ ... }) 而不是 export default {  ... } 

代码格式规范 

介绍 

• 适合大型项目规范标准：
  • https://github.com/airbnb/javascript
  • https://google.github.io/styleguide/jsguide.html
• 适合小型项目规范标准：https://standardjs.com/
• 如何约束代码规范：
  • 用工具来强制执行： ESLint
  • 

如何自定义代码格式校验规范 

 开启分号的校验规则

• 打开  .eslintrc.js 文件
• 
• 我们在 App.vue 添加分号，会看到报错的信息
•