大家好，今早在B站看到up主的vscode里藏了leetcode插件，這才知道原來還有這款神器。但是沒想到在用的時(shí)候遇到了一些麻煩，花了一點(diǎn)時(shí)間才解決。所以寫這篇文章除了給大家安利這個(gè)好用的插件之外，也是為了幫助更多的同學(xué)避免踩坑。
簡介vscode
vscode在工業(yè)界鼎鼎大名，被譽(yù)為微軟少有的拿得出手的精品（逃）。原本是不想過多贅述的，但是鑒于許多粉絲還是正在上學(xué)的萌新，所以花點(diǎn)筆墨簡單介紹一下。
vscode是微軟開發(fā)的編輯器，嚴(yán)格說起來它并不是一個(gè)IDE，只是一個(gè)編輯器。但是由于它支持嵌入各大語言的編譯器，并且對于terminal的支持也非常出色，所以已經(jīng)近乎于一個(gè)支持眾多語言，擁有許多特性的IDE了。根據(jù)2019年stackflow最新的調(diào)研，vscode已經(jīng)成為最受開發(fā)者歡迎的開發(fā)環(huán)境了。在當(dāng)下的互聯(lián)網(wǎng)公司當(dāng)中，可以說是無論前后端或者是其他的開發(fā)崗位都有大量的工程師使用它。它免費(fèi)輕量級、跨平臺、并且有著大量好用的插件作為支持。
所以不論你用的是Windows，linux還是Mac，都可以非常方便地使用它。
強(qiáng)調(diào)一下，vscode支持各大語言，基本上我們能想到的，我們聽說過的沒有聽說過的，它都支持。我剛才特意去看了一下，連上古語言Pascal都支持，所以裝就完事了。對學(xué)生黨多說一句，不要聽什么老師或者是某本教材的忽悠，去裝什么visual studio或者是dev C++了，已經(jīng)過時(shí)了。
vscode的插件
vscode之所以強(qiáng)大很大的原因是因?yàn)?strong>擁抱開源，我們每個(gè)人都可以為它開發(fā)插件。也正是因?yàn)檫@點(diǎn)，vscode當(dāng)中有著非常非常多的插件，無論我們想得到的還是想不到的，可以說是應(yīng)有盡有。
我們點(diǎn)擊左側(cè)邊欄的extensions打開插件市場，我們可以當(dāng)中進(jìn)行搜索。
比如你想要寫Python，那么我們就輸入Python，排名第一的就是Python的解釋器：
并且右側(cè)還會有詳細(xì)的說明和介紹文檔，介紹這款插件的使用方法或者是配置方法，以及我們可以自己根據(jù)需要設(shè)置的配置。
換成C++也是一樣：
這些說明其實(shí)對應(yīng)github倉庫當(dāng)中的一個(gè)repo，所以當(dāng)我們點(diǎn)擊其中的一些鏈接會跳轉(zhuǎn)到github當(dāng)中。另外，如果我們自己開發(fā)了相應(yīng)的插件，同樣也可以注冊到vscode當(dāng)中來，給其他人使用。
這也是開源精神所在，即使微軟家大業(yè)大，僅僅靠它一家公司的努力，是不可能同時(shí)支持和維護(hù)這么多功能和插件的。
另外，需要注意的是大部分插件是安裝好了可以直接使用的，但是也有些插件是需要配置的，這需要我們在安裝和使用之前詳細(xì)閱讀文檔。
leetcode插件
熟悉了vscode的插件之后，我們開始進(jìn)入本文的正題。和預(yù)料的一樣，我們在插件市場當(dāng)中搜索leetcode，然后安裝下載量最高的那個(gè)即可。
我們安裝之后，按住shift + ctrl(command) + p，打開插件搜索欄。輸入leetcode，選擇第一個(gè)sign in，然后輸入賬號和密碼即可。
但是你會發(fā)現(xiàn)登陸失敗了。
怎么回事，為什么失敗了，難道是記錯(cuò)密碼了嗎？
于是你打開leetcode的網(wǎng)站又嘗試了一下，發(fā)現(xiàn)密碼沒有記錯(cuò)，網(wǎng)頁可以登陸。
我們打開官網(wǎng)，會發(fā)現(xiàn)官方已經(jīng)知道登陸失敗的問題了，這是由于leetcode官網(wǎng)升級了登陸機(jī)制導(dǎo)致的。
但是leetcode只升級了國際版，對于國內(nèi)的版本還沒有升級，所以如果你使用的是國內(nèi)的leetcode賬號，那么我們只需要更換leetcode版本即可。更換的方式也很簡單，點(diǎn)擊上方地球形狀的按鈕進(jìn)行選擇即可：
但是，我個(gè)人更推薦使用國際版，因?yàn)橛⑽牡念}目描述會更加清楚，并且題目的更新也會更加及時(shí)。況且以后說不準(zhǔn)中文版的leetcode也會升級登陸機(jī)制，到時(shí)候還是會面臨無法登陸的問題。
很遺憾的是，對于無法登陸這個(gè)問題，官方很坦率地承認(rèn)了對于這個(gè)問題沒有特別好的解決方法，只能使用cookie來繞開。
cookie登陸
cookie在網(wǎng)站當(dāng)中經(jīng)常使用，我們可以簡單地將它認(rèn)為是一個(gè)標(biāo)識身份的令牌或者說證書。
我們都知道，現(xiàn)在的網(wǎng)站往往有自動(dòng)登錄機(jī)制。因?yàn)槲覀兠看蜷_一次都要用戶輸入一次賬號密碼實(shí)在是太反人類了，并且有時(shí)候我們打開多個(gè)相同網(wǎng)站中的不同站點(diǎn)，也會想要保持登錄的狀態(tài)，而不是再輸入賬號密碼。cookie正是基于整個(gè)目的誕生的。
cookie的原理也很簡單，我們在登錄網(wǎng)站成功之后，網(wǎng)站的服務(wù)器會根據(jù)我們的賬號id或者是其他信息使用加密算法生成一串密文。并且將這串密文發(fā)送給瀏覽器，瀏覽器會將這串密文存儲起來，這樣下次瀏覽器在訪問網(wǎng)站的時(shí)候，只需要攜帶上這串密文，網(wǎng)站拿到密文進(jìn)行解密之后就能識別出這是哪一個(gè)用戶，自動(dòng)設(shè)置成已經(jīng)登錄的狀態(tài)，并且返回對應(yīng)的數(shù)據(jù)。
因此cookie數(shù)據(jù)非常重要，它關(guān)乎我們許多賬號的安全。如果我們的cookie被黑客獲取，我們的賬號都會面臨被盜的風(fēng)險(xiǎn)。由于對稱加密算法幾乎不可攻破，所以目前許多針對瀏覽器賬戶的攻擊手段都和cookie有關(guān)。
我猜測登錄問題出現(xiàn)的原因應(yīng)該是leetcode官方人為限制了第三方插件通過賬號密碼代理登錄，所以解決方法很簡單，就是我們使用cookie來進(jìn)行模擬登錄。
前期準(zhǔn)備
由于leetcode插件底層是使用的leetcode-cli命令行工具，所以我們需要現(xiàn)在本地保證我們的命令行工具的版本正確。
首先，我們需要安裝Node.js 8以上的版本，關(guān)于Node.js的安裝方法網(wǎng)上隨便就能搜到，安裝也很簡單，這里就不贅述了。
接著，我們通過npm工具安裝最新版本的leetcode-cli：
# to remove the old version npm uninstall -g leetcode-cli # to install the up-to-date version(2.6.17+) npm install -g leetcode-tools/leetcode-cli
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
重慶分公司
重慶分公司
