VSCode常用扩展

  • Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code [推荐]
    显示简体中文,vscode汉化

  • Code Runner [推荐]

  • Live Server [推荐]
    本地启动一个服务器,代码完成后可以实现热更新,实时查看结果

  • GitLens — Git superchargedPreview [推荐]

    • 查看文件历史记录
    • 将光标放在代码的当前行,可以看到这行代码的提交者是谁,以及提交时间,悬停时可以访问更详细的责备信息
    • 查看某个commit代码改动记录
    • 查看所有分支,stash,开发人员,tags,本地修改记录
    • 可以将两个commit进行代码对比
    • 不同分支的代码对比
      。。。等等
      在这里插入图片描述
  • Git History [推荐]

  • 查询所有git记录

  • [Deprecated] Bracket Pair Colorizer 2
    彩虹括号,方便查看括号闭环

  • open in browser [推荐]
    右键,open in default browser

  • highlight-icemode
    vscode选中后相同内容高亮插件

  • vscode-icons**[推荐]**
    根据不同的文件后缀名称显示不同的图标

  • Project Manager
    方便切换多个项目

  • TODO Highlight
    高亮显示暂时备注的// TODO信息
    在这里插入图片描述

  • WakaTime
    统计写代码时间

  • Code Time

  • Markdown Preview Enhanced

  • Markdown All in One [推荐]

  • Syncing

  • Vetur
    Vue多功能集成插件

  • ES7+ React/Redux/React-Native snippets
    React开发

  • Path Autocomplete(路径提示)

  • HTML Snippets

  • IntelliSense for CSS class names in HTML(html中class名称提示)

  • Angular Snippets (Version 13)

  • minapp小程序开发

  • Prettier、Beautify
    代码格式化

  • ESLint**[推荐]**

  • JavaScript (ES6) code snippets**[推荐]**
    ES6语法提示

  • Search node_modules
    搜索node_modules对应的模块

  • indent-rainbow显示代码缩进空格
    在这里插入图片描述

  • javascript console utils、Turbo Console Log
    快速打印log日志

  • Code Spell Checker单词拼写错误检查**[推荐]**

  • Local History本地文件修改记录,太麻烦
    在这里插入图片描述

  • Polacode-2022生成代码截图

  • Image preview图片预览插件

  • Auto Close Tag、Auto Rename Tag自动补全tag

  • Better Comments注释添加颜色样式

  • Live Share

  • Import Cost
    项目开发中引入某个包的某个方法或者模块,会直接引入整个包,导致打包后的文件体积过大,这个插件友好提示我们只需引入其中的一个方法或模块,有助于我们做代码优化。

  • Paste JSON as Code
    json转为

  • settings-sync
    配置云同步

  • SFTP
    将本地文件通过ftp形式上传到局域网的服务器

  • PHP Server

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在Visual Studio Code(vscode)中整理代码,你可以使用以下步骤: 1. 打开vscode编辑器并加载你的代码文件。 2. 使用vscode的代码格式化功能来自动调整代码的缩进、对齐和空格。你可以使用快捷键Ctrl + Shift + I(Windows)或Cmd + Shift + I(Mac)来格式化选定的代码,或者使用快捷键Ctrl + Shift + P(Windows)或Cmd + Shift + P(Mac)调出命令面板,然后搜索"Format Document"来格式化整个文档。 3. 如果你想进一步整理代码,你可以使用vscode的整理代码功能。在代码编辑器中,选择你想整理的代码块,然后使用快捷键Ctrl + K,Ctrl + F(Windows)或Cmd + K,Cmd + F(Mac)来整理选定的代码。 4. 如果你需要调整代码的缩进或对齐方式,可以使用快捷键Tab(增加缩进)和Shift + Tab(减少缩进)来调整选定代码的缩进级别。 5. 除了使用vscode自带的功能外,你还可以安装和使用插件来扩展vscode的代码整理功能。通过打开vscode扩展面板(快捷键Ctrl + Shift + X(Windows)或Cmd + Shift + X(Mac)),搜索和安装适合你需求的代码整理插件。 6. 最后,保存你的代码文件并进行版本控制,以确保整理后的代码能够被保存和追踪。 这样,你就可以在vscode中整理你的代码了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vscode之软著代码格式整理](https://blog.csdn.net/zong596568821xp/article/details/104138581)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vscode快捷键整理](https://download.csdn.net/download/qq_29945661/10958806)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vscode 快速编写代码的整理](https://blog.csdn.net/weixin_46051988/article/details/120045777)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值