1. 安装文件图标插件:打开VS Code,点击左侧的扩展图标(或按下`Ctrl+Shift+X`),在搜索框中输入“File Icon”,然后选择安装“File Icon – vscode”插件。 2. 选择文件图标主题:安装完插件后,点击左下角的设置图标(或按下`Ctrl+,`),进入用户设置界面。找到“File Icon Theme”选项,点击下拉菜单选择一个喜欢的...
1. 安装”VSCode Icons”插件:打开VSCode,点击左侧的插件图标(或使用快捷键Ctrl+Shift+X),在搜索栏中输入”VSCode Icons”,选择该插件并点击安装按钮。安装完成后,点击启用按钮重启VSCode。 2. 启用文件图标主题:点击左下角的设置按钮,选择”偏好设置”。在搜索栏中输入”文件图标”,然后选择”文件图标主题”选项。...
1 1. 打开vs code软件 2 2. 点击左侧工具栏的拓展按钮，在弹出的选项面板中搜索框 3 3.在搜索框中输入文本后按下回车键进行搜索： Material Icon Theme，点击如图所示的install按钮进行安装，等待安装成功 4 4. 步骤3中安装完成后，可以在图中所示的区域继续卸载 5 5. 回到项目文件夹下，创建如图所示的文件...
VSCode Great Icons 同样是插件市场中非常受欢迎的一款文件图标主题，其特点是图标的配色风格非常的鲜艳活泼，辨识度很高。另外一个好用的小细节是对打开的文件夹和关闭的文件夹会有明显的颜色差别用以区分。美中不足的是这款主题包含的文件夹图标比较少。下载链接 Monokai Pro Icons Monokai Pro Icons 是 Monokai ...
安装完以后左侧列表会出现一个文件夹的小图标,点开以后就可以进行项目管理了,通常都是操作projects.json 这个文件,点击项目名字就可以切换了,也可以新窗口打开。 Quokka.js 实时显示代码的运行结果,使用方法请跳转链接 如何达到极致的编码效率,当然是能不手写则不手写。下面这些插件就是辅助大家进行一些自动化,这样就可...
二、创建文件图标组件 接下来,我们创建一个Vue组件,用于展示文件图标。这个组件将接收文件名、文件类型以及图标大小等属性,并根据这些属性动态加载对应的图标。 <template> </template> import { computed } from 'vue'; import { getIconForFile, getIconForFolder, getIconForOpenFolder } from 'vscode-...
安装完以后左侧菜单会出现一个小盒子的图标,点开以后点击Create Request就可以正常使用了。 Project Manager 项目管理器,适用于经常切换项目的大佬,虽然我平时接触的项目也不多,不过自己搞着玩的工程也不少。有了这个插件,就不用新窗口打开项目了。 安装完以后左侧列表会出现一个文件夹的小图标,点开以后就可以进行项...
安装完以后左侧菜单会出现一个小盒子的图标,点开以后点击Create Request就可以正常使用了。 Project Manager 项目管理器,适用于经常切换项目的大佬,虽然我平时接触的项目也不多,不过自己搞着玩的工程也不少。有了这个插件,就不用新窗口打开项目了。 安装完以后左侧列表会出现一个文件夹的小图标,点开以后就可以进行项...
插件名:Code Runner 功能:一键执行各种语言代码(常用于测试) Debugger for Chrome 插件名:Debugger for Chrome 功能:在VSCode端,调试代码 Live ServerPP 插件名:Live ServerPP 功能:在服务器端打开你的文件,实时显示你修改的代码 支持websocket 消息服务,可以用于调试websocket 客户端 ...