MIECZ 一個(gè) VSCode 代理服務(wù)器擴(kuò)展

這是一個(gè)自己寫(xiě)的小插件,下面的文檔是直接復(fù)制的 README.md??;
主要是方便工作中切換后端服務(wù)器地址的情況,項(xiàng)目體量達(dá)到一定程度的時(shí)候,每次重啟會(huì)花很多時(shí)間,所以就萌生了一個(gè)想法并把它具象化

另外發(fā)現(xiàn)一個(gè)emoji表情的轉(zhuǎn)碼方式(有時(shí)候會(huì)用到 utf-16 的編碼格式):
emojiall這個(gè)網(wǎng)站搜索你想要的的 emoji 表情然后直接在瀏覽器控制臺(tái)console里面運(yùn)行這個(gè)代碼("??".codePointAt(0).toString(16))就能得到你想要的表情包的 16 進(jìn)制代碼(這里以??表情為例),然后在頭上加入&#x,在尾部加上;就構(gòu)成了這個(gè)😂??

MIECZ

miecz0.jpg

??描述(Description)

這是一個(gè) VSCode 的代理服務(wù)器擴(kuò)展。 可以同時(shí)創(chuàng)建多個(gè)代理服務(wù)器方便前端項(xiàng)目切換服務(wù)器地址(例如:測(cè)試、開(kāi)發(fā)等環(huán)境)。一般情況下我們使用打包工具如 webpack 開(kāi)發(fā)代碼,經(jīng)常會(huì)出現(xiàn)切換環(huán)境的情況。然而隨著代碼量的增加打包時(shí)間也相應(yīng)增加,導(dǎo)致我們想切換服務(wù)器地址都需要重啟??會(huì)浪費(fèi)大量時(shí)間,現(xiàn)在如果使用了 MIECZ 可以做到迅速 ??切換服務(wù)器地址。

I used translation tools to translate the text, including this sentence ?? This is a proxy server extensions for VSCode. Multiple proxy servers can be created at the same time for front-end projects to switch server addresses (for example, test, development, etc.). Usually we use packaging tools such as Webpack to develop code, and often switch environments. However, as the amount of code increases, the packaging time also increases accordingly. As a result, we need to restart if we want to switch the server address, which will waste a lot of time. Now, if we use MIECZ, we can quickly switch the server address.

??安裝(Installation)

VSCode 擴(kuò)展庫(kù)中搜索安裝最新版本

Install the latest version by searching the VSCode Marketplace library

?使用(Usage)

  • 安裝完成之后可以再左側(cè)活動(dòng)欄發(fā)現(xiàn)一個(gè)新的擴(kuò)展 MIECZ 如下圖所示

    After the installation is complete, you can find a new extension MIECZ in the left activity bar as shown below

miecz2.png
  • 創(chuàng)建代理服務(wù)器,點(diǎn)擊按鈕即可進(jìn)入創(chuàng)建

    To create a proxy server, click the button to enter create

    • 在端口號(hào)這里輸入你想要?jiǎng)?chuàng)建代理服務(wù)器的端口號(hào),這樣可以讓你的項(xiàng)目服務(wù)器地址指向這個(gè)端口(例如:http://localhost:9000,那么你只需要在這里輸入 9000)

      Enter the port number where you want to create the proxy server, so that your project server address points to this port (for example :http://localhost:9000, then you only need to enter 9000 here).

    • 點(diǎn)擊添加地址,可以新增多個(gè)地址方便切換(例如:http://localhost:8000/xxx/xxx,http://localhost:7000/xxx/xxx),并且添加備注名方便區(qū)別

      Click on add address, you can add more than one address convenient switch (for example: http://localhost:8000/xxx/xxx, http://localhost:7000/xxx/xxx), convenient and add notes

    • 完成之后需要選擇中一個(gè)地址進(jìn)行第一次運(yùn)行

      After completion, you need to select one of the addresses for the first run

    • 點(diǎn)擊保存并運(yùn)行即可

      Click Save and run

miecz3.png

miecz6.jpg

miecz7.png
  • 代理服務(wù)器運(yùn)行

    Proxy server running

    • 運(yùn)行中代理服務(wù)器會(huì)自動(dòng)保存顯示前 100 條日志,可以手動(dòng)清除

      The running proxy server automatically saves and displays the first 100 logs, which can be manually cleared

    • 在代理服務(wù)器列表上有四個(gè)按鈕分別是:?jiǎn)?dòng)/停止、編輯、顯示日志、刪除

      There are four buttons on the proxy server list: Start/Stop, Edit, Show log, and Delete
      - 啟動(dòng)/停止: 啟動(dòng)和停止代理服務(wù)器
      > Start/Stop:Start and stop the proxy server
      - 編輯:修改代理服務(wù)器的信息(代理地址、備注名、切換代理等)暫不支持修改端口號(hào)
      > Edit:modify the information about the proxy server (such as the proxy address, remarks, and proxy switchover). The port number cannot be changed
      - 刪除:刪除當(dāng)前代理服務(wù)器
      > Delete:Deletes the current proxy server

  • 清除日志,點(diǎn)擊清除日志即可勾選要清除日志的服務(wù)器

    To clear logs, click Clear Logs to select the server to clear logs

miecz9.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容