Vscode編輯器的巧妙用法(快速格式化代碼的方法)
相信不少人，寫代碼忘我的時候，都會忘記層級之間的縮進，導(dǎo)致代碼，看著非常不清晰，這個時候，你是否還在手動一點點縮進，這個時候，我們需要利用編輯器的強大功能啦
筆者使用Vscode，一個很好用的編輯器。有許多優(yōu)秀的插件等待大家的發(fā)現(xiàn)
這里筆者推薦 一個格式化神器
看這安裝量就知道不錯了吧，
相信不少人代碼都可能寫這樣
結(jié)構(gòu)沒有層級
安裝插件后只需要執(zhí)行
ctrl + sahift + p
輸入 Beautify file
插件將會自動識別幫你進行格式化
但是有些小伙伴，在vue，react等框架頁面執(zhí)行發(fā)現(xiàn)，咋不一樣勒
插件壓根不識別，讓你自己選擇，結(jié)構(gòu)你發(fā)現(xiàn)，選哪一個都丑的無法呼吸。
這個時候我們需要配置一下插件
在安裝的擴展中，找到插件，點擊設(shè)置，選擇擴展設(shè)置
選擇編輯語言
打開后是這個樣子
我們發(fā)現(xiàn)，js，css 都很齊全了，只是html，缺乏vue，react，我們手動添加上去
保存后再次來到 頁面執(zhí)行，發(fā)現(xiàn)就又能變得輕松愉快了，
除開以上，我們還需要設(shè)置一下縮進
明顯下面的代碼看起來結(jié)構(gòu)更加分明
我們只需要在編輯器的右下角 點擊空格，改視圖
點擊你認(rèn)為合適的縮進，一般4 為最佳
然后再執(zhí)行 Beautify file，命令即可
以上就是Vscode編輯器的巧妙用法(快速格式化代碼的方法)的詳細(xì)內(nèi)容，更多關(guān)于Vscode編輯器代碼格式化的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
SecureCRT是Windows下登錄UNIX或Linux服務(wù)器主機的軟件，優(yōu)點是可以一次創(chuàng)建多個 Tab Page，連接多臺遠(yuǎn)程主機，下面給大家介紹下SecureCRT的使用超詳細(xì)教程，感興趣的朋友一起看看吧2021-11-11
ChatGPT平替-ChatGLM環(huán)境搭建與部署運行效果
這篇文章主要介紹了ChatGPT平替-ChatGLM環(huán)境搭建與部署運行,本節(jié)將介紹環(huán)境搭建與基本部署效果，結(jié)合實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-05-05
chrome跳轉(zhuǎn)新頁面自動打開devtools調(diào)試工具的方法
Chrome開發(fā)者工具（DevTools）是Web開發(fā)中不可或缺的利器,為了解決頁面跳轉(zhuǎn)后無法查看初始化請求的問題,可以通過提前打開開發(fā)者工具（devtools）并設(shè)置保留日志來實現(xiàn),文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
這篇文章介紹了git中cherry-pick命令的使用方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
JetBrains 學(xué)生認(rèn)證教程(Pycharm,IDEA… 等學(xué)生認(rèn)證教程)
這篇文章主要介紹了JetBrains 學(xué)生認(rèn)證教程(Pycharm,IDEA… 等學(xué)生認(rèn)證教程)文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
這篇文章主要介紹了Xmind用例導(dǎo)入到TAPD的方案,大家都知道XMind2TestCase?，該工具基于?Python?實現(xiàn)，通過制定測試用例通用模板，然后使用?XMind?這款廣為流傳且開源的思維導(dǎo)圖工具進行用例設(shè)計，需要的朋友可以參考下2022-07-07
這篇文章主要介紹了使用curl命令行模擬登錄WordPress的方法，本文通過圖文實例相結(jié)合給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-11-11
軟件開發(fā)人員經(jīng)常遇到中文亂碼、軟件不能顯示中文等類似問題，本文主要介紹了一文弄懂字符集編碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
一文學(xué)會Hadoop與Spark等大數(shù)據(jù)框架知識
Hadoop是一個開源的可運行于大規(guī)模集群上的分布式文件系統(tǒng)和運行處理基礎(chǔ)框架，Spark是UC Berkeley?AMPLab開發(fā)的是一種計算框架，分布式資源工作交由集群管理軟件（Mesos、YARN），本文介紹Hadoop與Spark大數(shù)據(jù)框架知識，感興趣的朋友一起看看吧2022-04-04
這篇文章主要介紹了通過10行代碼寫個"狗屁不通"文章生成器功能,真的超級簡單，感興趣的朋友跟隨腳本之家小編一起看看吧2020-01-01