Web前端 工具集

macOS 终端 与 Finder 互相开启

1. 在 Finder 中打开 终端
   安装 Go2Shell
2. 在 终端 中打开 Finder

   open . 
   

vscode 插件

名称	版本	星级	说明
Auto Rename Tag	0.1.1	3星	Html标签重命名
Beautify	1.5.0	4星	美化代码
Better Comments	2.0.5	5星	注释变色
Bracket Pair Colorizer 2	0.0.28	4.5星	括号匹配变色
Indent-rainbow	7.4.0	5星	代码块颜色标记
Chinese	1.40.2	5星	中文插件
Color Info	0.5.1	5星	css颜色信息
Color-exchange	1.1.0		css颜色转变
CSS Compressor	0.0.2	5星	css压缩
SCSS Formatter	1.4.2	5星	格式化SCSS
Simple React Snippets	1.2.2	5星	React 支持
Image preview	0.23.0	5星	本地图片预览
Image Preview	0.5.1	5星	网络图片预览
SVG Viewer	2.0.0	4星	SVG图片预览
Import Cost	2.12.0	3.5星	import包大小
Filesize	2.1.3	4.5星	显示文件大小
Json	1.0.2	5星	支持json格式
Log File Highlight	2.6.0	5星	支持log文件
Open in browser	2.0.0	3.5星	打开文件并启动浏览器
Preview on Web Server	1.3.0	4.5星	预览在web server
Path Intellisense	1.4.2	5星	路径
Quokka.js	1.0.259	4.5星	js插件，得出结果
Regex Preview	0.2.0	4.5星	预览正则表达式
REST Client	0.22.2	5星	获取http请求结果
Debugger for Chrome	4.12.1	4星
GitLens – Git supercharged	10.2.0	5星
Vscode-icons	9.5.0	5星	vscode图标

Chrome 插件

WEB前端助手
JSONView
HTTPS Everywhere

Reactjs

React Developer Tools
Redux DevTools

书签js代码

//在“网址”处添加
javascript: alert("嘿哟，不错哦！");

异常情况测试

javascript:(function(){if(typeof unit_tool=="undefined"){document.body.appendChild(document.createElement("script")).src="https://www.tenpay.com/v2/labs/wrtb/js/unit_demo.js?"+parseInt(new Date().getTime());window.setTimeout(function(){if(typeof unit_tool=="undefined"){alert("loading....");}},7000);if(window.loadUnit){var func_loadunit=setInterval(function(){if (loadUnit){loadUnit();clearInterval(func_loadunit);}},50);}if (!document.getElementById("unit-tool")){var func_unittool=setInterval(function(){if (typeof unit_tool!="undefined"){unit_tool();clearInterval(func_unittool);}},50);}}else if(typeof unit_tool!="undefined"){if(!document.getElementById("unit-tool")){unit_tool();}else{alert("请勿重复调用!");}}})();