常用插件

1.vscode的插件

vue2

• vscode配置ts提示:vetur 在扩展设置中配置:

"vetur.experimental.templateInterpolationService": true,

• 快速生成vue代码: vue vscode snippets

vue3

vscode配置提示:volar

react

• 快速生成代码:ES7+React/Redux+React-Native-Snippets
• 路径相关:path intellisense

通用:

-快速启动服务:Live Server

2.项目常用插件:

(1)better-sroll

BetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求(联动、上拉加载、下拉刷新)的插件

better-scroll官网: better-scroll.github.io/docs/zh-CN/…

使用见该博主文章@yuin316

BetterScroll 是使用纯 JavaScript 实现的。体积比较轻量。

前提条件：

• 满足滚动的条件： 滚动内容高度 > 滚动容器高度

使用步骤

• 下载插件 yarn add better-scroll
• 初始化BS， new BS(滚动容器节点)

(2)dayjs/monentjs

轻量的处理时间和日期的 JavaScript 库

dayjs: day.js.org/docs/zh-CN/…

momentjs: momentjs.cn/

工具/软件

1.画页面常用的工具

• 截图工具:snipaste
• 吸取颜色:pipette

2.团队协作工具:

(1)UI(获取原型图):

• 蓝湖
• 腾讯设计
• 墨刀

(2)后端(接口联调):

调试接口:

• postman
• apifox

使用接口:

• swagger
• word文档

(3)jira:人员管理,提bug,日常工作提交,产品日常需求管理,工作流

(4)测试(提bug):禅道