分享几款小白从零开始学习的会用到的工具/网站

大二狗接触编程也有两年了，差生文具多这大众都认可的一句话，在这里蹭一下这个活动分享一下从0开始学习编程有啥好用的工具

目录

伴侣一、Snipaste截图工具

伴侣二、Postman软件（可用ApiPost平替）

伴侣三、字体图标网站

伴侣四：swiper轮播图

伴侣五：Typora笔记工具

伴侣六、有道云笔记

伴侣七、慕客

八、其他工具

---

伴侣一、Snipaste截图工具

软件下载地址：Snipaste - 截图 + 贴图https://zh.snipaste.com/

使用方法：

1、F1截图

2、F3可把截下的图片贴在桌面上

3、在F1截图期间，鼠标移动到指定位置，按下按键【C】可以获取到当前位置颜色的rgb值

4、在F1截图取色的时候，如果不想用rgb值，按【shift】可以切换为HEX值

使用心得：

这真的是一款非常非常好用的工具，在学习上一定会用得到！

1、学生时代大家都会刷题，不管是刷老师布置的题目，还是像蓝桥杯、力扣上的题目，如果要分页看题未免有点麻烦，那么就可以通过Snipaste来进行截取贴图，方便看题写代码

2、在写HTML和CSS的时候，对着设计图或者是临摹（照抄）其他网站学习的时候，背景取色，字体取色，不知道是什么，就可以用到Snipaste上的便捷取色工具

3、在写HTML的时候，如果设计图很长，可以用Snipaste先截取一部分贴起来，然后就方便看了，就不需要老是用 Alt+Tap切换来切换去了

4、最关键的是，大家可以把这个软件文件夹打包存到U盘里面去，然后在上课的机房里面打开U盘直接进压缩包启动截图工具，上课的时候就可以截图老师写的代码，就不怕那种一发呆老师就跳到其他代码块去的情况了

伴侣二、Postman软件（可用ApiPost平替）

在学习前端和后端接口使用的时候，认识到了这么一个软件，一个用来测试API接口请求（提交、获取、删除、修改）的软件

官网：Download Postman | Get Started for Freehttps://www.postman.com/downloads/

但是很忏愧，人有点笨，下好了注册的时候一直很卡，然后我就找到了一个中文的，还免费的平替工具：ApiPost7

官网：Apipost-API 文档、设计、调试、自动化测试一体化协作平台https://www.apipost.cn/?utm_source=10124&bd_vid=10320860226301001826

这个ApiPost同样可以做到接口的请求测试，像对接口发起Get请求什么滴都可以，在学习后端写接口的一段时间里这个软件陪伴了挺长的一段时间

伴侣三、字体图标网站

有两个很好用的字体图标网站，一个是阿里巴巴矢量图库，一个就是icoMoon（我喜欢叫大眼珠子。。它的logo嘛）

icoMoon官网：Icon Font & SVG Icon Sets ❍ IcoMoonhttps://icomoon.io/

阿里巴巴矢量图库官网：

iconfont-阿里巴巴矢量图标库https://www.iconfont.cn/阿里巴巴图标的使用方法可以看看我这个：三种方式在HTML使用阿里字体图标--iconfont阿里巴巴矢量图标库_长风沛雨的博客-CSDN博客

（夹带私货哈哈哈哈）

伴侣四：swiper轮播图

官网：

Swiper中文网-轮播图幻灯片js插件,H5页面前端开发https://swiper.com.cn/在学习前端的时候，老师显做得丑什么的？在需要使用到轮播图什么的？用它就对啦

非常容易上手，嘎嘎好用

swiper的学习可以去看pink老师的教程的 P484 - P493：

黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV14J4114768/?spm_id_from=333.337.search-card.all.click&vd_source=924f5dad6f2dcb0a3e5dca4604287ecd

伴侣五：Typora笔记工具

在学习的时候除了看视频、敲代码，其实笔记也是一个不可缺少的东西，Typora可以让我们软件人有一个很好的体验感

 使用心得：

1、如果要用md文档写笔记，用Typora很方便，只需要在当前文件夹上创建一个txt文件，然后把txt改为md，用typora打开就行了

2、在Typora里面还可以安装自己喜欢的主题样式，默认样式确实丑了点

3、在写md文件的时候，使用Ctrl配合上数字1-5组合，就可以得到1-5级的标题导航（1-5依次变小）

4、输入字符 > 后按Tap键可以得到 高亮文本块

5、同时按下 ctrl+shift+K可以得到一个代码块来存代码，还可以填入当前代码的语言是什么

6、如果需要在手机上阅读，可以在左上角导出为一个pdf文件，再转存入手机

一年体验感下来自我感觉完爆word记笔记（遗憾没能早点遇见）

伴侣六、有道云笔记

有道云笔记这个是看授课老师上课使用，于是自己就去体验了一下，现在已经从Typora写笔记转到用有道云写笔记了....

如果说Typora记笔记的体验感很好，那有道云记笔记也是非常不错的

这两者优缺点是有的

有道云优点：

1. 同步保存（电脑端、手机端、平板上都可以登录同一个账号同步阅读）
2. 同时也满足了Typora上有的需求，甚至更加丰富

有道云缺点：

1. 一个多月的体验下来，除了界面没那么简洁，都在可以接受的范围

官网：有道云笔记｜亿万用户的选择 (youdao.com)https://note.youdao.com/

伴侣七、慕客

官网：摹客，让设计和协作更快更简单摹客集设计协作平台、原型设计和设计规范为一体，数百万设计师、产品经理和开发工程师必备设计神器、交互原型、标注切图、文档管理。设计+协作，摹客就够了！https://www.mockplus.cn/?home=1

这是一个用来设计UI的工具，优点是：

1. 可以团队共享设计UI
2. 可以对设计好的UI界面进行手机模拟演示等

这个玩得也没多会，大家可以自己去了解了解

八、其他工具

除了这些还有一些很好用的工具

• 像素大厨pxCook
  • PxCook - 高效易用的自动标注工具,生成前端代码,设计研发协作利器 (fancynode.com.cn)
• 小皮：phpstudy_pro
  • Windows版phpstudy下载 - 小皮面板(phpstudy) (xp.cn)
• 画图工具：
  • Visio
  • DiagramDesigner