Tools In Work

Posted by Learning libs on September 9, 2020

The Tools that i’m using or have used:

设计相关 design, image

  1. Sketch (for Mac), also you can use Lunacy (for Windows)
  2. 蓝湖https://lanhuapp.com/
  3. ppduck http://ppduck.com/ 图片压缩软件, 熊猫压缩在线, tinypng压缩
  4. photoshop

电脑快捷工具相关

  1. Listary
  2. cmder
  3. everything
  4. TortoiseSVN

代码相关

  1. vscode 插件–> {gitLens, liveServer, Javascript(es6) code snippets, prettier - Code formatter, Simple React Snippets, Vetur, Vue2 Snippets, leetcode, PlantUML, Bracket Pair Colorizer 2, ESLint}
  2. notepad++
  3. git
  4. SourceTree
  5. postman / getman / Burp Suite
  6. fiddler
  7. px2rem px与rem之间转换
  8. pm2
  9. wget为单线程下载，有时（尤其是外网资源）会出现下载十分缓慢的情况 / mwget为多线程wget下载工具 10.yum 11.zuul, nacos
  10. puppeteer https://blog.csdn.net/u010142437/article/details/79136182 https://www.cnblogs.com/paris-test/p/9711423.html
  11. SheetJS是前端操作Excel以及类似的二维表的最佳选择之一
  12. Navicat Premium 链接数据库
  13. 图片/文字等转换成字符http://life.chacuo.net/convertfont2char , 比如说大佛注释. 也可以安装koroFileHeader插件, windows电脑，使用ctrl+shift+p键,Mac电脑使用shift+command+p键 输入> 注释图案 或者是 > codeDesign就可以选择注释图案了.快捷键shift+command+p 输入> 随机 ，选中并回车即可随机生成一个注释图案.
  14. FeHelper(前端助手) 浏览器插件 网页格式化访问json文件
  15. Dark Reader 浏览器插件，更改浏览器主题色彩
  16. jmeter 压测

graphql vscode使用技巧 svelte框架 serverless Webassembly https://lencx.github.io/book/wasm/rust_wasm_frontend.html chrome devtool crypress测试 语义化

Visual Studio Code中使用ES6语法报错（比如使用扩展运算符…）. 解决方法：vscode的 setting.json中添加 "javascript.validate.enable": false