码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • VSCode常用插件


    目录

    • 插件
      • 1. 简体中文
      • 2. git
      • 3. 项目文件夹管理
      • 4. 文件图标主题
      • 5. markdown
      • 6. 主题
      • 7. Rest API 客户端
      • 8. 环境变量提示
      • 9. 错误提示
      • 10. 包导入提示
      • 11. 代码提示
      • 12. vue3相关插件
      • 13. 单词检查
    • 配置
      • 1. 自动补全
      • 2. 链接编辑
      • 3. 设置代码片段
      • 4. 排除文件
      • 5. 控制代码片段是否与其他建议一起显示及其排列的位置
      • 6. 取消预览模式

    插件

    1. 简体中文

    • Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

    在这里插入图片描述

    2. git

    • GitLens — Git supercharged

    在这里插入图片描述
    在这里插入图片描述

    3. 项目文件夹管理

    • Project Manager,帮助切换不同的项目文件目录

    在这里插入图片描述

    • 添加新的项目,搜索>project manager:save project

    在这里插入图片描述

    • 切换项目,选择你要打开的文件目录

    在这里插入图片描述

    4. 文件图标主题

    • vscode-icons

    在这里插入图片描述

    5. markdown

    • 需要下载3个插件,Markdown All in One,Markdown Preview Enhanced和粘贴图片的插件Paste Image

    在这里插入图片描述
    在这里插入图片描述

    • Paste Image的插件说明里有关于粘贴图片的配置,包括文件名、文件存放路径等,粘贴快捷键Ctrl+Alt+V (Cmd+Alt+V on Mac).

    在这里插入图片描述

    • 首选项:打开用户设置(json)
    {
        "pasteImage.path": "${projectRoot}/assets/${currentFileNameWithoutExt}",
        "pasteImage.basePath": "${projectRoot}",
        "pasteImage.forceUnixStyleSeparator": true,
        "pasteImage.prefix": "/",
        "pasteImage.defaultName": "Y-MM-DD_HH:mm:ss"
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    在这里插入图片描述

    6. 主题

    • One Dark Pro

    在这里插入图片描述

    • 搜索color theme

    在这里插入图片描述

    • 选择具体主题

    在这里插入图片描述

    7. Rest API 客户端

    • Thunder Client,和postman类似

    在这里插入图片描述

    • 或者cyberpunk

    8. 环境变量提示

    • dotenv

    9. 错误提示

    • Error Lens,能够在代码后面直接显示错误,不需要鼠标放在错误上

    在这里插入图片描述

    10. 包导入提示

    • Import Cost,可以看到导入包的大小,确定包成功导入进来

    在这里插入图片描述

    11. 代码提示

    • JavaScript (ES6) code snippets,比如imp导入模块,nfn创建函数

    在这里插入图片描述

    • 使用tab键进行跳转

    在这里插入图片描述

    12. vue3相关插件

    • Vue Language Features (Volar)官方推荐,支持vue2和vue3,还有ts
    • Vue VSCode Snippets代码片段提示

    在这里插入图片描述

    13. 单词检查

    • Code Spell Checker,错误单词提示及修改建议

    配置

    1. 自动补全

    • 设置中搜索tab,选择on开启

    在这里插入图片描述

    2. 链接编辑

    • linked edit,可以将html的前后标签同步修改,有了这个设置就不需要下载auto rename tag插件了

    在这里插入图片描述

    3. 设置代码片段

    • 可以先使用https://snippet-generator.app/生成模板

    在这里插入图片描述

    • 添加代码片段

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    • 使用,输入设置好的名称

    在这里插入图片描述
    在这里插入图片描述

    4. 排除文件

    • 比如不需要加载某些文件夹,设置中搜索exclude,添加文件夹名称

    在这里插入图片描述

    5. 控制代码片段是否与其他建议一起显示及其排列的位置

    • 设置中输入suggestions, Snippet Suggestions选择top

    在这里插入图片描述

    6. 取消预览模式

    • 在预览模式下浏览的文件不会保持打开状态,当打开新的文件时,会覆盖前一个打开的文件,同时文件名是斜体的,如果是保持打开状态的文件,名字显示是正常的

    在这里插入图片描述

    • 在设置->工作台->编辑管理,Enable Preview取消勾选(如果不想这样设置,也可以在打开文件时双击文件即可)

    在这里插入图片描述

  • 相关阅读:
    【NGINX--1】基础知识
    windows怎么删除卸载nodejs
    【圣诞节限定】教你用Python画圣诞树,做个浪漫的程序员
    长三角实现区块链电子医疗票据互联互通,蚂蚁链提供技术支持
    服务器被黑该如何查找入侵痕迹以及如何防御攻击
    【数据结构与算法】链表
    [附源码]计算机毕业设计JAVA创意众筹网站
    【云原生之k8s】k8s资源限制以及探针检查
    CoVOS:无需解码!利用压缩视频比特流的运动矢量和残差进行半监督的VOS加速(CVPR 2022)...
    python爬虫快速学-4张思维图高清下载
  • 原文地址:https://blog.csdn.net/qq_40977118/article/details/127686031
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号