2020年前端人员必备的工具和插件

工具

1.vs code

   vs code是一个轻量级的开发工具,里面可以写很多语言的代码,像c/c++,java,python,前端js等等,而且因为它是一个完全免费且自带中文版的开发工具所以选择他的人非常的多,笔者也是一直在使用;

2.webstorm

   webstorm是jb公司旗下的产品,其产品比较专业,除了webstorm之外,还有pycharm, idea,phpstorm等等,优点是比较专业,功能强大,代码补全提示也更多,缺点是比较笨重,然后不是一个免费的,如果有同学朋友想要免费使用可以私聊我,我会分享给大家方法;

3.photoshop

   这款软件想必大家都在熟悉不过了,是如今社会的必备神器之一,有了它,黄脸婆可以秒变大小姐,1.5米的也可以腿长1.8米,嗯嗯嗯…言归正传,我们前端人员使用它主要是用来做一些测量图片的像素,精灵图的位置,切片等等.(这里主要一定要和我们的Ui妹妹搞好关系哦,让她给你的psd图片清晰明了!!!)

ps:还有一些常用的工具像firework,画图工具DiagramDesigner等就不一一介绍了

插件

1.jQuery插件

这里像大家推荐两个网站:

• jQuery插件库:http://www.jq22.com/
  
• jQuery之家:http://www.htmleaf.com/
  
  这里呢,笔者更推荐的是第二个网站jquery之家,因为这个里面的插件都是可以免费下载的,但是第一个有些事需要收费,大家就根据自己的自行选择;

2.瀑布流插件

http://www.htmleaf.com/jQuery/pubuliuchajian/
给大家看看我最喜欢的一个模板

3.滑动插件 - fullPage.js-master

其Github地址：https://github.com/alvarotrigo/fullPage.js

4.轮播图插件

• swiper https://www.swiper.com.cn/
  这个用来制作移动端的轮播图简直就是完美,有各种模板还可以提前看效果
  
• SuperSlide 这个插件有pc端也有移动端非常的全面 http://www.superslide2.com/
• pc端----SuperSlide:
  
• 移动端----TouchSlide:
  

5.bootstrap

bootstrap框架里面已经提前写好了各种各样的样式,相信不用我多说,大家都知道,在这里我就不做介绍了,把官方网站为大家送上,目前主流的还是bootstrap3
https://www.bootcss.com/