龙小树|前端开发应用分享

目录：
1. Sublime text3编辑器
2.Visual Studio Code编辑器
3.WebStorm编辑器
4.Dcloud  IDE开发平台
5. Beyond Compare 比较代码工具
6.在线工具
7. Photoshop CC等Abobe作图软件
8. 强力删除Adobe软件：AdobeCreativeCloudCleanerTool
9. PxCook 像素大厨
10. 识别文字工具
11. 录制gif动图 GifCam
12. 喵影工厂免费录屏软件
13. 屏幕取色器 ColorPix
14.照片压缩-tiny
15. 2345看图王
16. png图片转ico图标软件：AveIcon
17. 分区助手
18. 本地服务器 phpStudy
19. 网易有道词典
20.浏览器插件
21. 火狐开发者版浏览器
 
 
1、sublime text3 编辑器
目前最经典编辑器之一。
下载链接失效了，请在github上边下吧。
2. Visual Studio Code
   个人认为是目前我所用过最好用的代码编辑器，他还有很多插件，不妨一试
    Visual Studio Code是一个轻量级但功能强大的源代码编辑器，可以在桌面上运行，适用于Windows、macOS和Linux。它内置了对JavaScript、TypeScript和Node的支持。它拥有丰富的生态系统，可以扩展到其他语言(如c++、c#、Java、Python、PHP、Go)和运行时(如. net和Unity)。
3.WebStorm编辑器
也是主流编辑器之一，是最近比较火的前端开发app，最厉害的点是在于他的智能代码提示功能，是一款Javascript IDE，还支持绝大多数集成框架，但是他的缺点就是需要内存很大，每次工作之前都需要预加载全部环境一次，吃硬件也浪费时间，所以用了，项目没做完之前，就不要关机了。
主要是只能试用30天，之后是收费的。
4.Dcloud  IDE开发平台
主要是用于他公司其余的多方平台发布软件、小程序等所使用的一款编辑器，可以添加插件进行PHP服务器支持，但我不是跨平台，只涉及服务器，所以没有使用，只是推荐给大家：
5. Beyond Compare 比较代码工具
beyond也是个好软件，各种比较功能，屡试不爽。最下面的软件截图我就只展示最简单的文本比较，新加入的显示为蓝色，更改的为红色，一目了然。
　　(1) 文件夹比较 + 文件夹合并 + 文件夹同步 + 文本比较 + 文本合并  
　　(2) 表格比较 + 16进制比较 + MP3比较 + 图片比较 + 注册表比较 + 版本比较
6.在线工具
非常强大且综合的前端小插件的集合网站，是一个网页版的应用。里面板房很多零碎的但是实用的软件，这是我强推的一个分享。
链接地址：https://tool.lu/
7. Photoshop CC等Abobe作图软件
这个就不多说了，自己百度吧。
8.Adobe软件清理工具AdobeCreativeCloudCleanerTool
Adobe的系列软件会将注册信息存储在一些Sqlite3数据库文件中，随着反复安装、卸载Adobe组件，如Photoshop、Premiere、Dreamweaver、After Effects、Illustrator等等，会残留很多的残留信息，尤其是绿色版的Adobe软件，卸载时不一定能完全清除之前写入数据库的信息，从而导致无法重新安装Photoshop等Adobe软件。这种情况下，必须清理数据库文件，方可继续安装。 Adobe Creative Cloud Cleaner Tool专用于辅助卸载Adobe CS3、CS4、CS5、CS5.5、CS6、CC系列产品及Adobe Flash Player
  1. 先使用常规方式在控制面板中卸载，关闭所有的Adobe软件。
  2. 运行AdobeCreativeCloudCleanerTool，选择程序语言，输入e，按回车键，会进入英文界面模式。
  3. 接受软件协议输入y，并按回车键，接受软件使用协议。
  4. 选择清理选项： 这里要选择你需要的卸载模式，如果卸载全部的软件，则输入数字1，然后回车；要卸载Adobe Flash，则输入数字2并回车，要单独卸载Adobe CS6，则输入数字并回车。
  5. 选择要卸载的程序， 选择一种卸载模式后，Adobe Creative Cloud Cleaner Tool会分析出所有可卸载的程序，如我这里，分析的是Creative Suite 5 Design Premium，如果确定要卸载的话，输入产品前面对应的数字序号(注意不是软件序列号)，即输入数字1、并按回车继续。
  6. 确认卸载 ，直接输入字母y然后回车，就能开始清理了，等待完成。
  7. 卸载完毕， 如果看到这样的提示：Adobe Creative Cloud Cleaner Tool completed successfully，则说明卸载成功，可以尝试重新安装程序了
9.PxCook 像素大厨
　　当你不知道布局要设置宽高为多少好时，PxCook可以帮助你实现区块的测定，在你切图前徘徊于图片量尺寸的时候，PxCook可以很好的帮助你。其属于Fancy Node平台旗下的一款软件，除了PxCook还有图片切割与纹理合并的BigShear、以及只支持mac的用于数据复制与快速填充和分割参考线的Flavor插件，部分是收费的。
　　PxCook 下载地址：http://www.fancynode.com.cn/pxcook
       BigShear网址：https://www.fancynode.com.cn/bigshear
       Flavor网址：https://www.fancynode.com.cn/flavor
10.OCR识别软件：
系列1：网页版本
系列2：app版本
系列3：
11.录制gif动图软件GifCam
这个就不多介绍了。直接上链接
12. 喵影工厂免费录屏软件
有没有遇到过对限时查看的教学视频而无能为力？有没遇到过不能下载的大片而无可奈何 ？现在，我们不一样了。
    喵影工厂集“基础剪辑”、“音频剪辑”、“高阶剪辑”等等等强大功能于一身，但我都不用，哈哈哈。主要用一下它的录屏功能（喵影：说出来你可能不信，我的副业就能干倒一片友商）
Logo长这样子：
录制界面：
13.颜色吸取
正常情况下， 把屏幕印下来存成图片，再在PS上用吸管工具吸颜色；
或者如果是在网页上的颜色，可以用审查元素，然后在样式那里找到对应的色值，元素找到styles, 在element.style里面写color:#000;就会有个黑色的色块，点击它，再点像吸管工具的图标，就可以在网页上取任何色值；
一般是这两种方式，但是我还是要推荐2个比较好用的其他方式软件，其中一款是：ColorPix：是可以直接吸取的，只需要按住空格键，色值就固定了。
另一款是Palette Republic是一款颜色识别以及色度比对软件，可以根据照片进行颜色对比，以及获取颜色。Palette Republic是一款手机app，ios以及安卓都是支持的，可以在应用商店下载。
14.照片压缩——tiny
压缩jpg以及png图片，质量很高，免费的，很好用。
下载链接：https://tinypng.com/
15.2345看图王
为了避嫌，不让别人以为名字是随意起的1234，那就叫2345吧，哈哈哈。
    界面是这样子：（好像不能再简洁了吧！）
下载地址：http://pic.2345.cc/
主要是：打开文件过程中进行图片预览，省事；图片格式转换，方便；图片剪裁，较low。但是毕竟是集合功能于一身，还是不错的。
16.Avelcon转换ico格式图片
一般前端图片最好还是以ico格式进行传输，但是大多数都是gif以及png格式图片，而ps又转换不了，所以偶然在网上发现了这么个软件，还是中文，简直超赞啊
17.分区助手
分区助手专业版是一个简单易用且免费的磁盘分区管理软件。你可以无损数据地进行调整分区大小，移动复制分区，合并切割分区等操作。
18.本地服务器 phpStudy
　　下载地址：http://phpstudy.php.cn/
　　phpStudy是个好软件，在你的项目build好后，可以在本地自己先测一下看看有没有什么问题。例如用vue开发的项目，build后直接把dist文件夹里面的文件拷到phpStudy的WWW文件夹下，打开本地地址就可以测试了。
想要把代码放到自己喜欢的地方也可以，在“其他选项菜单”->“站点域名管理”里面新增一个站点。
　　我在C盘的web文件夹这里，新增了一个站点，端口号设为88，所以以后可以把vue编译后的dist文件放到这里，打开本地的88端口就可以测试了：
 
19. 网易有道词典
 下载地址：http://cidian.youdao.com/
这里面有两个小功能，推荐给大家：
 
20.各种浏览器自带的插件，也是很方便的，当然种类太多就不一一介绍了，我是使用的qq浏览器，里面最常用的就是网易云音乐（摸鱼用）、印象笔记剪藏、微信网页版、翻译软件等。
21.Firefox
最后是我要强推的软件之一，就是火狐开发者网页，他是真的香，真的好用。完全大厂内部通用软件还不花钱。完完全全就是前端测试与修改必用的一款软件，对于JS、css真的很好修改以及还有诸多交互式设计，省时、省力，推荐大家必备下载。
 
 
posted @ 2020-05-29 16:35  龙小树  阅读(200)  评论(0)  编辑  收藏  举报