几款对于学习前端比较好用的软件或网站

开发软件

1、Visual Studio Code

前端开发编辑器

下载地址：https://code.visualstudio.com/

2、HBuilder

前端开发编辑器

下载地址：https://www.dcloud.io/

软件

1、谷歌浏览器

下载地址： https://www.google.cn/intl/zh-CN/chrome

2、切图设计工具

下载地址：http://www.fancynode.com.cn/pxcook

PxCook（像素大厨） [1] 是一款切图设计工具软件。自2.0.0版本开始，支持PSD文件的文字，颜色，距离自动智能识别。——来自百度百科
可以吸取到网页中的各种颜色，字体大小

3、截图工具

下载地址：https://zh.snipaste.com/

Snipaste 是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上！下载并打开 Snipaste，按下 F1 来开始截图，再按 F3，截图就在桌面置顶显示了。就这么简单！

你还可以将剪贴板里的文字或者颜色信息转化为图片窗口，并且将它们进行缩放、旋转、翻转、设为半透明，甚至让鼠标能穿透它们！如果你是程序员、设计师，或者是大部分工作时间都在电脑前，贴图功能将改变你的工作方式、提升工作效率。

Snipaste 使用很简单，但同时也有一些较高级的用法可以进一步提升你的工作效率。感兴趣的话，请抽空读一读用户手册。

Snipaste 是免费软件，它也很安全，没有广告、不会扫描你的硬盘、更不会上传用户数据，它只做它应该做的事。——来自该软件官网

4、笔记工具

下载地址：https://www.typora.io/

Markdown是一种轻量级标记语言，创始人为约翰·格鲁伯（英语：John Gruber）。它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

由于Markdown的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持，目前许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。如GitHub、Reddit、Diaspora、[Stack Exchange](https://baike.baidu.com/item/Stack Exchange/13777796)、OpenStreetMap 、SourceForge、简书等，甚至还能被使用来撰写电子书。——来自百度百科

Typora就是一款轻便简洁的Markdown编辑器。

5、思维导图

下载地址：https://www.xmind.cn/download/xmind

Xmind：XMind 是一款非常实用的商业思维导图软件，应用全球最先进的Eclipse RCP 软件架构，全力打造易用、高效的可视化思维软件，强调软件的可扩展、跨平台、稳定性和性能，致力于使用先进的软件技术帮助用户真正意义上提高生产率——来自百度百科

6、测试接口

软件/网页都可测试

官网地址：https://www.postman.com/

Postman：用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的，用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。

网址

1、小图标库

网址地址：https://www.iconfont.cn/

阿里巴巴矢量图标库

2、菜鸟教程

网址：https://www.runoob.com/
基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET

3、W3school

网址：https://www.w3school.com.cn/
基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET

几款对于学习前端比较好用的软件或网址相关推荐

推荐 12 个学习前端必备的神仙级工具类项目与网站
大家好,我是你们的猫哥,一个不喜欢吃鱼.又不喜欢喵的超级猫 ~ 前言猫哥是一个常年混迹在 GitHub 上的猫星人,所以发现了不少好的前端开源项目.常用技巧,在此分享给大家. 公众号:前端Git ...
5款让Web前端开发人员更轻松的实用工具
Web前端的工作在以前称之为网页美工,但随着flash逐渐退出网页设计的舞台之后,HTML+css+JavaScript为核心的前端技术成功的完成了技术栈的升级,是的Web前端工程师的名头也越叫越响. ...
从事7年前端开发，有些经验想对转行学习前端的伙伴说说！
相信很多想转行做前端开发的朋友都会有这样的疑惑,甚至有很多人在想:我对于编程是零基础,从来都没有接触过这方面的知识点,现在转行真的可以吗?还来得及吗?可以成功就业找到工作吗?接下来从我个人的亲身经历和 ...
学习前端的实用网站——未完待续
学习前端的实用网站--未完待续一.学习类网站 1.视频教程 2.技术分享 3.大牛博客 4.参考手册二.功能类网站 1.颜色 2.图标 3.字体 4.素材三.辅助类网站一.学习类网站 1.视频 ...
零基础童鞋快速学习前端开发 ---- (1)
初识前端 1.前端开发简介2.前端开发如何入手学习?3.前端入门学习建议4.对初学者的建议5.小结一.前端开发简介形成:从简单网页制作演变至功能强大的前端开发. 早期的网页设计制作主要内容都是静态 ...
分享五款java学习辅助工具，总有你用的上的~
想要学好java技术,除了自身的努力,辅助工具也不缺少,辅助工具可以帮助大家在今后的工作中可以提高工作效率,下面小编就来分享五款java学习辅助工具,总有你用的上的~ 五款java学习辅助工具: 1. ...
解答关于学习前端的一些问题
关于微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客知乎专栏:前端呼啦圈 github:链接前言最近在公众号和文章中经常会收到一些读者的留言和评论,本文是我挑选的一些在关于学习 ...
学习前端你必须看过这几本书！
总是觉得学习前端很难? 那我告诉你,除了掌握学习路线和学习方式外,你还需要好好看看这几本书-- Unix编程艺术作者:[美] Eric S·Raymond 原作名:The Art of UNIX P ...
十款让 Web 前端开发人员更轻松的实用工具
这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具.每个 Web 开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择. 对于每一项工作,开发人员需要特定的辅助工具, ...
一款实用的前端截图工具
一款实用的前端截图工具kscreenshot 安装: npm install kscreenshot --save 使用: import kscreenshot from 'kscreenshot'/ ...

几款对于学习前端比较好用的软件或网址