vscode【实用教程】(2025最新版)

下载安装 vscode

https://blog.csdn.net/weixin_41192489/article/details/125647248

常用快捷键

  • Ctrl + i 唤起代码提示
  • Ctrl+, 打开设置
  • Ctrl + G 输入行号—— 定位到指定行
  • Ctrl + P 输入文件路径/文件名关键字 —— 打开指定文件
  • 按Ctrl不放,依次按 K ,数字 0 —— 折叠所有区域代码
  • 按Ctrl不放,依次按 K ,J —— 展开所有区域代码

同步设置

用于在不同设备上都能立马获得设置(如安装的插件等)。

登录 vscode 的账号(推荐通过 Microsoft 账号登录) ,开启同步

在这里插入图片描述

新建配置

可创建一个专门针对前端的配置
在这里插入图片描述

多点同时编辑

按住 Alt ,点击需要同时编辑的地方

在这里插入图片描述

删除空行

  1. Ctrl+h 弹出搜索框
  2. 输入^\s*(?=\r?$)\n
  3. 点击全部替换

多行空行变单行空行

Ctrl + F 搜索
在这里插入图片描述

^\s*$\n

删除所有空行

Ctrl + F 搜索

^\s*$\n

在这里插入图片描述

保存时自动格式化

左下角点击”设置“按钮,搜索 Format On Save 勾选即可。

复制相对路径时,用 “/”

设置中搜索 Copy Path Separator

在这里插入图片描述

一个窗口打开多个项目

在工作区中,鼠标右键快捷菜单添加项目文件夹即可。
在这里插入图片描述
多项目时,NPM脚本中也会展示多项目的脚本
在这里插入图片描述

加载离线插件

在快捷启动按钮的属性中,修改目标为

"vscode快捷启动按钮的绝对路径\Code.exe" --extensions-dir "离线插件的绝对路径"

插件

插件市场

前端推荐的插件

在这里插入图片描述

  • Vue.js Extension Pack
  • Vue Peek
  • Vue 3 Snippets
  • React Extension Pack
  • Material Icon Theme 美化文件图标
    https://blog.csdn.net/weixin_41192489/article/details/145188097
  • Node Extension Pack
  • Node.js Modules Intellisense
  • Node.js Exec
  • Git Extension Pack
  • gitignore
生成 gitignore 文件
  • Formatting Toggle 切换格式化插件
  • Move TS
  • TypeScript lmporter
  • json2ts

Markdown Preview Enhanced 预览 .md 文件

https://blog.csdn.net/weixin_41192489/article/details/142565467

Notes 便捷做笔记

https://blog.csdn.net/weixin_41192489/article/details/142566397

Project Manager 项目管理

https://blog.csdn.net/weixin_41192489/article/details/142567409

Code Runner 运行代码

https://blog.csdn.net/weixin_41192489/article/details/142585212

Element Plus Helper 极速生成 Element 组件代码

https://blog.csdn.net/weixin_41192489/article/details/144542357

快捷日志 console helper

ctrl + l 打印变量日志

ctrl + shift + l 简单日志

ctrl + shift + d 删除所有日志

官方教程

https://marketplace.visualstudio.com/items?itemName=AT-9420.console-helper

打印日志 Turbo Console Log

在这里插入图片描述

Vue 2 语法库 Vue 2 Snippet

在vue文件中输入vue,可以自动生成优化后的vue模板

### LlamaIndex 多模态 RAG 实现 LlamaIndex 支持多种数据类型的接入与处理,这使得它成为构建多模态检索增强生成(RAG)系统的理想选择[^1]。为了实现这一目标,LlamaIndex 结合了不同种类的数据连接器、索引机制以及强大的查询引擎。 #### 数据连接器支持多样化输入源 对于多模态数据的支持始于数据收集阶段。LlamaIndex 的数据连接器可以从多个异构资源中提取信息,包括但不限于APIs、PDF文档、SQL数据库等。这意味着无论是文本还是多媒体文件中的内容都可以被纳入到后续的分析流程之中。 #### 统一化的中间表示形式 一旦获取到了原始资料之后,下一步就是创建统一而高效的内部表达方式——即所谓的“中间表示”。这种转换不仅简化了下游任务的操作难度,同时也提高了整个系统的性能表现。尤其当面对复杂场景下的混合型数据集时,良好的设计尤为关键。 #### 查询引擎助力跨媒体理解能力 借助于内置的强大搜索引擎组件,用户可以通过自然语言提问的形式轻松获得所需答案;而对于更复杂的交互需求,则提供了专门定制版聊天机器人服务作为补充选项之一。更重要的是,在这里实现了真正的语义级关联匹配逻辑,从而让计算机具备了一定程度上的‘认知’功能去理解和回应人类意图背后所蕴含的意义所在。 #### 应用实例展示 考虑到实际应用场景的需求多样性,下面给出一段Python代码示例来说明如何利用LlamaIndex搭建一个多模态RAG系统: ```python from llama_index import GPTSimpleVectorIndex, SimpleDirectoryReader, LLMPredictor, PromptHelper, ServiceContext from langchain.llms.base import BaseLLM import os def create_multi_modal_rag_system(): documents = SimpleDirectoryReader(input_dir='./data').load_data() llm_predictor = LLMPredictor(llm=BaseLLM()) # 假设已经定义好了具体的大型预训练模型 service_context = ServiceContext.from_defaults( chunk_size_limit=None, prompt_helper=PromptHelper(max_input_size=-1), llm_predictor=llm_predictor ) index = GPTSimpleVectorIndex(documents, service_context=service_context) query_engine = index.as_query_engine(similarity_top_k=2) response = query_engine.query("请描述一下图片里的人物表情特征") print(response) ``` 此段脚本展示了从加载本地目录下各类格式文件开始直到最终完成一次基于相似度排序后的top-k条目返回全过程。值得注意的是,“query”方法接收字符串参数代表使用者想要询问的内容,而在后台则会自动调用相应的解析模块并结合先前准备好的知识库来进行推理计算得出结论。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

朝阳39

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值