文章目錄

• macOS 終端 與 Finder 互相開啟
• vscode 插件
• Chrome 插件
• • Reactjs
  • 書簽js代碼
  • • 異常情況測試

macOS 終端 與 Finder 互相開啟

在 Finder 中打開 終端
安裝 Go2Shell

在 終端 中打開 Finderopen .

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("請勿重復調用!");}}})();

總結

以上是生活随笔為你收集整理的Web前端 工具集的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。