前端开发用什么工具好?这个因人而异了,目前比较流行的有vs code、sublime text、hbuilder、webstorm等,下面偶简单介绍一下,感兴趣的朋友可以尝试一下:
免费开源:vs code说起vs code,许多搞前端的朋友应该非常熟悉,一个免费、开源、强大的代码编辑器,和vs同宗同源,但比vs更简洁轻便,支持代码补全、语法高亮、智能提示等基本功能,除此之外,针对前端等提供了许多免费强大的插件,包括自动闭合、同步修改、断点调试等,新手学习非常容易掌握,相信你很快就会爱上这款软件:
简洁轻便:sublime text这也是前端一个比较常用的开发工具,基本功能和vs code相差不多,简单轻便,支持跨平台,但原则上不免费,支持语法高亮、智能补全、代码提示等基本功能,除此之外,也提供了非常多的插件扩展,包括emmet、docblockr等,对于开发前端效率非常高,新手学习来说也非常容易:
国产软件:hbuilder这是一个非常不错的国产web开发工具,相信许多朋友应该都听说过,界面柔绿、清爽整洁,支持自动补全、语法高亮、markdown等基本功能,可以很轻松的将编写好的前端网页打包为安卓或ios app,除此之外,插件扩展丰富,对于前端开发来说,也是一个非常不错的选择:
专业强大:webstorm这个一个非常专业强大的web开发工具,jetbrains公司的产品,相信许多朋友都应该非常熟悉,除了常见的智能补全、语法提示等基本功能,这个软件还支持代码分析、代码重构等高级功能,如果你钟情于pycharm、idea等产品,那么webstorm就是一个非常不错的选择,相信你很快就会爱上这款软件,唯一的缺点webstorm是商业、非免费的:
目前就介绍这4个不错的前端开发工具吧,比较常用的就是vs code、sublime text,当然,还有许多其他软件,像notepad++、dreamweaver等也都非常不错,根据个人需求和爱好,选择适合自己的一个就行,网上也有相关教程和资料,介绍的非常详细,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言进行补充。
做前端设计、网页设计的,素材永远很重要。因为素材的美观程度往往直接决定了网页页面的风格、整洁度、色调等等。
偶大学时候,在一家非常小型的创业公司实习。公司人员只有几个,所以在那时偶基本上算是独立开发了一个旅游酒店订购平台,前端设计、后端开发、公众号开发等等都涉及,那段时间基本是偶最全能的时候了。
所以当时偶也收集了许多的前端素材,在这里一并分享给大家。
一、图标类
每一个Web开发者,尤其是前端开发人员一定都会需要icon图标来为项目增色。
Font Awesome IconsFont Awesome提供可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
Icon Monster特点:免费,高质量,。非常简洁的icon图标库。
IconFinder这是一个比较有设计感的Icon图库,并且已经打包分类好,缺点是只有部分是免费的。个人觉得里面免费的图库也已经够用了。
附上圣诞特辑!
Iconfont-Alibaba阿里巴巴UX部门推出的矢量图标管理网站,也是国内首家推广Webfont形式图标的平台。这个相信大家都用过!
二、图片素材
无版权限制的图片素材
PEXELSPexels可以说是图片素材界的超级网红了,说到图片肯定哪里都有它,偶自己都推荐好几次了。可以免费下载各种各样的分辨率,包括原图尺寸。
网址:(https://www.pexels.com/)
例如搜索:圣诞节(Christamas)
PNGimg这个主要用作素材,是不同种类的无背景素材图片!直接可以免费用。注意它是全部都是无背景图片,非常适合那些需要PNG透明底配图的。
(http://pngimg.com/)
例如搜索:Birds
KaboomPicsKaboomPics是以生活化免费高质量图片素材为主的图片素材库。里面的图片都是摄影爱好者摄影后通过审核上传的。并且可以应用于任何项目,没有版权限制。
自媒体可以从中找封面图,摄影爱好者也可以从中欣赏或着学习。
Unsplash(https://unsplash.com/)
先这样~希望这些资源对你有帮助,下次还会更新一些web开发的常用工具。
如果有帮助,欢迎关注偶以示支持,也以防错过下一波干货!~