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("請勿重複調用!");}}})();
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章