VScode-settings配置文件-插件目录-个人常用配置导出

已于 2024-04-26 22:19:57 修改
阅读量2.7k 收藏 3
点赞数
分类专栏： 软件使用 文档 文章标签： vscode ide 编辑器 配置文件 插件
于 2023-09-08 10:47:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JackieDYH/article/details/132755461
版权
本文介绍了如何配置VScode的settings.json文件，包括code-profile的设置，以及列举了作者常用的插件列表，帮助读者提升开发环境的效率和舒适度。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

settings.json

{
  "workbench.iconTheme": "vscode-icons",
  "workbench.startupEditor": "newUntitledFile",
  "emmet.triggerExpansionOnTab": true,
  "emmet.showAbbreviationSuggestions": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "vue": "html",
    "wxml": "html"
  },
  "debug.console.fontSize": 20,
  "editor.fontSize": 20,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "javascript.format.semicolons": "insert",
  "prettier.printWidth": 100,
  "prettier.tabWi
了解本专栏 订阅专栏 解锁全文 超级会员免费看
IDE/Mermaid + VSCode + Deepseek 生成可视化流程图和UML图
river.qu
02-26 4459
Mermaid 是一个基于JavaScript的图表和图表工具，在大语言模型的加持下，其优势被加倍凸显出来。本文详细讲解了在 VSCode 平台安装和使用 Mermaid 的方式方法。并结合大语言模型如，DeepSeek、ChatGPT 的使用，粗浅地探讨了 Mermaid 在可视化生成过程中，尤其是在软件设计和开发过程中的重要作用。
VsCode开发Cocos-lua,配置指南哦VsCode开发Cocos-lua,配置指南哦
qq_35397351的博客
01-17 3792
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
mermaid使用全流程
机器学习VVVVVVVVIP
09-19 1万+
mermaid全流程 语法教学 mermaid语法教学比较全的有： 新手教学 进阶教学 边写边看 打开这个官方在线网站，开始编写你的mermaid流程图，可以边写边看的那种。 生成mermaid文件 可以使用各种文本编辑器vscode、记事本等等。 此处为方便举例，生成文件保存为‘input.mmd’。后缀也可以为txt、md等。 导出SVG矢量图 写完之后怎么导出呢？ 在上面网站的底部，如下图所...
换电脑了如何快速导出vscode里的插件
zjuwwj的博客
02-07 1929
轻松导出 VSCode 里的插件列表，还能在其他设备上安装这些插件。
关于vscodec/c++包含路径问题
最新发布
2401_89665587的博客
03-29 241
将路径添加到“包含路径”中，在点击左侧的编辑配置(JSON)(为了让vscode保存我们的路径，这个地方有bug，不这么操作经常保存失败。点击第一个“编辑”“include Path”设置。头文件报错，因为vscode不到需要手动添加。
vscode-profiles：Visual Studio代码配置文件
02-26
vscode配置文件
导出vscode配置文件
qq_55976173的博客
12-04 823
输入配置文件的名称，回车后选择导出到本地或者是上传github即可。在弹出的窗口中输入export，点击个人资料：导出配置文件。点击图中的...符号，选择导出，跳出如下窗口。按下Ctrl + Shift + P。
VScode-配置文件
qq_43441284的博客
04-02 1069
输入：import选择文件点击确认。
VSCode 插件导入导出
qq_50203525的博客
01-12 6065
把输出结构放在其他机子vscode复制到终端运行即可。
配置vscode快速输出模板
lyx1838102537的博客
04-24 1559
*配置vscode快速输出模板 1、文件——首选项——用户代码片段——vue.json 2、输入如下代码片段 { "Print to console": { "prefix": "vue", "body": [ "<template>", "<div></div>", "</template>", "", "&......
VSCode-darwin-universal.zip
06-12
2. 插件分享：用户可以将自己的自定义配置和安装的插件导出为settings.json和extensions.json文件，方便在其他机器上导入和复用。 总结： "VSCode-darwin-universal.zip"是适用于Mac OS的Visual Studio Code版本，...
vscode-configs:适用于Web开发的vscode配置
04-22
首先，将压缩包解压，然后在VSCode中打开你的项目，通过菜单“文件”->“首选项”->“导入导出设置”导入配置文件。这样，你就可以享受到经过优化的开发环境了。 总之，`vscode-configs`是一个旨在优化Web开发体验...
【8】同步vscode配置和插件【导入导出】、再也不用担心换电脑重新安装插件了
热门推荐
丨汀、的博客
05-14 2万+
相关文章： 【1】VScode中文界面方法-------超简单教程 【2】VScode搭建python和tensorflow环境 【3】VSCode 主题设置推荐，自定义配色方案，修改注释高亮颜色 【4】VScode最全面最实用的插件推荐，用了你就爱上了！ 【5】Vscode Todo Tree插件使用和TODO、FIXME和XXX的注释使用说明以及自制自己的TODO图标样式！ 【6】VScode 无法在终端输入问题，提示：无法在只读编辑器中编辑 【7】vscode不同的窗口样式和颜色插件pe
vscode环境配置文件生成
热爱数据库的小胖
03-11 6532
配置 C++ 环境时，会生成.vscode 文件夹，该文件夹下通常包含三个配置文件：tasks.json、launch.json、c_cpp_properties.json；tasks.json为编译器相关的配置文件，用于生成可执行文件。当工程涉及到多个源文件时，使用Makefilec_cpp_properties.json为编译器路径（包含目录、库目录）和智能代码提示相关的配置文件。launch.json为调试器相关的配置文件。比如，调试器的路径、编译生成的可执行文件路径。
idae 格式化代码 设置eslint_VSCode中使用vue项目ESlint验证配置
weixin_30479433的博客
02-06 1089
如果在一个大型项目中会有多个人一起去开发，为了使每个人写的代码格式都保持一致，就需要借助软件去帮我们保存文件的时候，自己格式化代码解决办法：vscode软件下载一个ESLint，在到设置里面找到setting.json文件，将下面的配置粘贴复制拷贝到文件中就可以了，so easy~{// 当其前缀匹配时插入代码段。当 "quickSuggestions" 未启用时，效果最佳。"editor.tab...
vscode导出、导入全部插件
田乐蒙的博客
01-19 2047
将要导入的插件文本位置与终端位置一致。
vscode 插件导出_vscode插件列表及配置信息
weixin_34406844的博客
12-31 2568
这里保存一下vscode的插件和配置信息{// 以像素为单位控制字号。"editor.fontSize": 18,"files.autoSave": "onFocusChange","editor.fontFamily": "monospace, Consolas, 'Courier New'","editor.mouseWheelZoom": true,"editor.showFoldingCo...
vscode 设置的 setting 文件
CD2N_Queen的博客
04-12 402
"vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化。"terminal.integrated.defaultProfile.windows": "Windows PowerShell", //打开文件不覆盖。"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html。//开启对.vue文件中错误的检查。
vsCode个人设置
weixin_30763455的博客
04-13 292
1.切换页面自动保存 2。保存时格式化 转载于:https://www.cnblogs.com/SunShineM/p/8820035.html
vscode配置md文件
03-26
<think>好的，我需要帮助用户在Visual Studio Code中配置Markdown文件的支持与格式化。首先，我需要回顾用户提供的引用内容，确保回答准确并正确引用来源。 用户的问题是关于如何在VSCode中设置Markdown的支持和格式化。根据引用[3]，提到了入门指南，推荐了学习Markdown语法的网站，这可能和基本设置有关。引用[4]提到安装插件，比如Markdown All in One，这可能涉及插件的安装步骤。引用[1]详细介绍了Markdown Editor扩展的功能，说明安装这个扩展可以提升体验。引用[2]是关于插入UML图的方法，可能暂时不相关，但可以忽略。 首先，用户需要安装必要的扩展。根据引用[1]和[4]，Markdown Editor和Markdown All in One是关键插件。我应该分步骤指导安装这些插件，并说明它们的功能，比如实时预览、语法支持等。 接下来是基本设置，比如自动保存、格式化快捷键。引用[4]提到了环境设置，比如中文显示和其他配置，可能用户需要调整编辑器设置来优化体验。例如，设置自动格式化，调整预览样式。 然后，需要提到实时预览功能，这通常是Markdown编辑的重要部分。可能需要指导用户如何拆分窗口查看预览，或者使用快捷键打开侧边预览。 另外，用户可能希望了解如何自定义样式或使用其他插件增强功能，比如目录生成、数学公式支持。引用[3]中的学习资源可以作为补充推荐。 需要确保回答结构清晰，分步骤说明安装、配置和使用，每个步骤引用相关的引用内容。同时，生成的相关问题需要与主题相关，可能涉及插件推荐、快捷键使用、优化技巧等。 最后，检查LaTeX格式是否正确，所有数学表达式使用$...$，独立公式用$$...$$。但当前问题可能不涉及数学公式，所以可能不需要使用。但需注意用户提到的系统级指令，确保回答符合格式要求。 总结步骤：安装插件（Markdown All in One、Markdown Editor）、配置基本设置（自动格式化、快捷键）、使用实时预览、其他优化（目录生成、自定义CSS），并引用相关引用来源。生成相关问题时，涵盖插件选择、快捷键、优化方法等。</think>在 Visual Studio Code 中配置 Markdown 文件的支持与格式化，可通过以下步骤实现： --- ### 1. **安装必备插件** - **Markdown All in One** 提供语法高亮、自动补全、目录生成等功能。安装后可通过快捷键（如`Ctrl+Shift+P`）直接调用命令，例如生成目录（`Create Table of Contents`）[^4]。 - **Markdown Preview Enhanced** 支持实时预览、数学公式渲染（如`$$E=mc^2$$`）、导出为PDF/HTML等格式[^1]。 - **Prettier**（可选） 用于代码格式化，支持自动调整 Markdown 的缩进、列表对齐等[^4]。 --- ### 2. **基础配置** - **启用自动格式化** 在设置（`Settings`）中搜索 `Format On Save` 并勾选，保存文件时自动应用格式化规则。 - **设置中文界面**（可选） 安装中文语言包插件（如`Chinese (Simplified)`），通过`Ctrl+Shift+P`输入 `Configure Display Language` 切换。 - **自定义预览样式** 通过修改`settings.json`调整预览主题： ```json "markdown.styles": ["path/to/your/custom.css"] ``` --- ### 3. **快捷键与常用操作** - **实时预览**：使用`Ctrl+K V`在侧边栏打开预览窗口[^1]。 - **数学公式支持**：在`$$...$$`中编写公式，例如： $$ \sum_{i=1}^n i = \frac{n(n+1)}{2} $$ - **快速生成目录**：在文档顶部输入`[TOC]`，插件会自动生成目录[^4]。 --- ### 4. **高级功能** - **代码块语法高亮** 使用反引号声明语言类型： ```python print("Hello, Markdown!") ``` - **绘制图表**（需安装`Markdown Preview Mermaid Support`） 支持UML、流程图等，例如： ```mermaid graph TD A[开始] --> B{条件} B -->|是| C[执行] B -->|否| D[结束] ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

JackieDYH

谢谢您嘞！我会继续加油地

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

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

打赏作者

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

抵扣说明：

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

余额充值