• 正文
    • ? 1、git增強(qiáng)
  • 相關(guān)推薦
申請(qǐng)入駐 產(chǎn)業(yè)圖譜

什么,VSCode 竟然是代碼編輯器?

2024/10/07
1620
加入交流群
掃碼加入
獲取工程師必備禮包
參與熱點(diǎn)資訊討論

來(lái)源:公眾號(hào)【魚(yú)鷹談單片機(jī)】,ID ??:emOsprey

VSCode 被部分網(wǎng)友稱為宇宙第一神器,最近魚(yú)鷹也算是感受到它的強(qiáng)大,主要是豐富的插件解決了眾多的開(kāi)發(fā)痛點(diǎn),而代碼編輯反而變成了其中最微不足道的一個(gè)功能。本期魚(yú)鷹介紹一下常用的插件,幫助大家更有效率的搬磚,成為最亮的那個(gè)崽。

? 1、git增強(qiáng)

這段代碼誰(shuí)寫(xiě)的?什么時(shí)候?qū)懙??commit id 是多少?這個(gè)文件的修改記錄有哪些?如何比較兩個(gè)提交的修改?

雖然 git 命令行都可以解決,但遠(yuǎn)不如 VSCode 展示的那么直觀,并且效率大大提高了。

雖然 VSCode ?天生支持 git 相關(guān)功能,只是還需要插件增強(qiáng):gitlens。

自帶文件對(duì)比功能,各種文件處于何種狀態(tài)一清二楚(Changes Staged Changes)

輕松查看提交記錄,并且可以隨時(shí)打開(kāi)查看提交里面的文件修改情況。

只要光標(biāo)放在某段代碼上,就能輕松查看某段代碼誰(shuí)提交的(這里可以看到是魚(yú)鷹四個(gè)月前提交的):

輕松查看某個(gè)文件所有歷史提交記錄

2、流程圖

很多公司要求畫(huà)流程圖,很多時(shí)候,我們需要安裝特定軟件才能開(kāi)始畫(huà),這很麻煩,而且你要看別人的流程圖時(shí),如果沒(méi)有裝軟件,也沒(méi)法看,很耽誤時(shí)間,這不,有個(gè)插件方便的解決了這個(gè)問(wèn)題,非常便捷。

只要是 .drawio ?后綴的文件,自動(dòng)打開(kāi)編輯界面。

隨時(shí)編輯,同時(shí)可以將其保留在代碼倉(cāng)庫(kù),隨時(shí)跟著代碼更新而更新。并且可以導(dǎo)出圖片 png 格式,電腦和 vscode 都能打開(kāi):

3、Markdown

上面很多,功能不一樣??梢远荚囋囆Ч?。這里魚(yú)鷹安裝的是這個(gè):

這樣你 clone 別人代碼后,可以非常直觀的查看效果:打開(kāi)預(yù)覽:

同時(shí)在 markdown 文件中畫(huà)圖:

```mermaidgraph TD    配置 -->|user config| top[bsp_cfg.h]    bsp_module[bsp_pin/app_cfg.h] -->|include| bsp[app_cfg.h]    bsp[bsp/app_cfg.h] -->|include| top[bsp_cfg.h]```

上面這段代碼放到md文件中就可以看到效果了。

4、遠(yuǎn)程開(kāi)發(fā)

具體看這篇?vi 命令記不???VSCode 遠(yuǎn)程開(kāi)發(fā)幫你忙?非常推薦的現(xiàn)代化開(kāi)發(fā)方式。在本地開(kāi)發(fā)就和本地一樣,即使是虛擬機(jī)也可以使用,再也不用來(lái)回切換虛擬機(jī)和 windows 了

5、docker 容器開(kāi)發(fā)

為什么要使用 docker,對(duì)于Linux開(kāi)發(fā)方式來(lái)說(shuō),docker是所有開(kāi)發(fā)者的福音,環(huán)境安裝流程可以固化,再也不擔(dān)心鏡像和軟件之間的兼容問(wèn)題了。

年少不知docker好

docker通用安裝使用指南-Ubuntu-樹(shù)莓派5
后面還會(huì)更新更多 docker 在 stm32 開(kāi)發(fā)的方法,歡迎關(guān)注魚(yú)鷹。

6、STM32 開(kāi)發(fā)

vscode 怎么調(diào)試 stm32 代碼?這個(gè)插件可以幫助你進(jìn)行源碼級(jí)別調(diào)試,雖然不如 MDK ,但也是不錯(cuò)的替代選擇。

7、PDF 文件查看

這個(gè)插件可以在 vscode 直接查看 pdf 文件,不用另外安裝軟件了

8、C語(yǔ)言/ Python

自動(dòng)分析 C 語(yǔ)言語(yǔ)法,可以進(jìn)行代碼跳轉(zhuǎn)(按住 ctrl ,然后點(diǎn)擊需要跳轉(zhuǎn)的代碼處即可)。python開(kāi)發(fā)語(yǔ)法提示

9、網(wǎng)頁(yè)開(kāi)發(fā) live server

編輯的網(wǎng)頁(yè)如何快速查看效果?試試上面這個(gè)插件。安裝完之后,可能需要修改一下,使其自動(dòng)打開(kāi)谷歌瀏覽器:

網(wǎng)頁(yè)文件右擊,通過(guò)該插件打開(kāi)即可,之后會(huì)在谷歌瀏覽器自動(dòng)打開(kāi)該網(wǎng)頁(yè)呈現(xiàn)效果。

效果:

10、娛樂(lè)

網(wǎng)易云插件聽(tīng)音樂(lè)

4399 插件玩游戲

小霸王游戲

如有幫助,歡迎轉(zhuǎn)發(fā)更多同行。

相關(guān)推薦

登錄即可解鎖
  • 海量技術(shù)文章
  • 設(shè)計(jì)資源下載
  • 產(chǎn)業(yè)鏈客戶資源
  • 寫(xiě)文章/發(fā)需求
立即登錄