2019届新员工分享

前端 分享

本次分享主题主要给大家介绍一下前端常用的开发工具，以及每款工具的差别以及取舍。顺便给大家安利一些日常工作中经常用到的工具或资源网页。

1 前端开发工具

1.1 sublime text3

• 优点： 一款及其轻量级的编辑器，软件初始状态极其干净，拥有丰富的插件库，支持开发人员按需配置。基本能够做到即开即用，且能打开多种常用类型的文件。
• 缺点：初期使用需要自行搜索安装大量插件；自动补全不是很友好
• 适用于日常打开文件（相较于文本编辑器拥有较多的额外功能）;开发、验证一些功能简单的demo程序程序

1.2 IntelliJ IDEA

• 优点：一款综合能力极强的开发工具，能支持运行前后端代码；与svn或者git搭配进行代码版本控制；丰富的插件库
• 缺点：极其笨重，不能做到即开即用
• 适用于前后端分离不彻底的老项目，即前端开发依赖于本地运行后台的项目

1.3 VSCode（推荐）

• 优点：前端专业的开发工具，能够满足前端人员的基本开发需求；较为轻量级；极其丰富的插件库
• 缺点：暂时没有想到
• 适用于前后端完全分离，支持前端人员只专注于前端工作，构建中大型web应用，日常开发主力程序

1.4 其他

webstorm：个人感觉体验没有VSCode好
phpstorm：个人十分喜爱的开发工具；能够支持PHP开发以及前端开发等；代码历史修改记录管理，方便查看一段时间内，代码是怎样修改的
微信开发者工具：开发微信小程序专用

2 常用工具、网页

2.1 markdown

书写文档语法简单，能够进行文档样式控制；功能多样；无缝对接多种网站，形成相应的网页

2.2 processon

画流程图

2.3 flowchart

画系统架构图

2.4 iconfont

抠图；阿里巴巴的矢量图库，支持下载多种尺寸、颜色的图标文件

2.5 pxcook

标注图；识别颜色、测量尺寸间距等

2.6 http://www.jsons.cn

支持多种数据格式转换