在浏览器中使用VS Code环境打开当前Github项目，再也不用Clone到本地使用IDE打开项目了😎
// ==UserScript==
// @name Github 云VSCode「用VS Code打开当前项目」
// @namespace https://github.com/wanguano
// @version 0.2
// @description 在浏览器中使用VS Code环境打开当前Github项目，再也不用Clone到本地使用IDE打开项目了😎
// @author 风不识途
// @match *://github.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const run = () => {
let matchUrl = window.location.href.replace('github', 'github1s')
const controlGroupDom = document.querySelector("#js-repo-pjax-container > div.bg-gray-light.pt-3.hide-full-screen.mb-5 > div.d-flex.mb-3.px-3.px-md-4.px-lg-5 > ul")
const firstLi = controlGroupDom.firstChild
const newBtn = btnEle(matchUrl)
controlGroupDom.insertBefore(newBtn, firstLi)
}
const btnEle = (url, text = 'GOTO IDE') => {
let li = document.createElement('li');
let a = document.createElement('a');
li.appendChild(a);
a.href = url;
a.innerHTML = text;
a.target = '_bank';
a.className = 'btn btn-sm btn-with-count js-toggler-target';
a.style.cssText = 'color: #ffb061; background: linear-gradient(to left, #9400D3, #4B0082);border-radius: 10%;transition: all .5s;'
a.addEventListener('mouseover', ({target}) => {
target.style.cssText = 'color: #rgb(63,136,148); background: linear-gradient(to bottom, #E0EAFC, #CFDEF3);border-radius: 10%;'
})
a.addEventListener('mouseout', ({target}) => {
a.style.cssText = 'color: #ffb061; background: linear-gradient(to left, #9400D3, #4B0082);border-radius: 10%;transition: all .5s;'
})
return li
};
run()
// Your code here...
})();