VSCode常用插件及配置修改

布满荆棘的人生 2022-02-18 08:27 635阅读 0赞

# [插件 marketplace][marketplace] #

*  官网`top`插件  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_16_color_FFFFFF_t_70]
 *  `CodeRunner` 运行代码(各种语言的代码都可以运行，前提是电脑中安装好了开发环境，配置了环境变量)。
 *  `open in browser` `Alt+B`在浏览器中打开html文件。
 *  `Path Intellisense` 文件路径提示补全  
    `React`相关
 *  `Auto Close Tag` 自动闭合标签
 *  `Auto Rename Tag` 自动重命名标签，配合上面的插件使用，基本上能赶上IDEA系的功能了
 *  `React Native Tools` 微软官方出的ReactNative插件
 *  `Reactjs code snippets` react的代码提示(如componentWillMount方法可以通过cwm直接获得)

# 配置参数修改 #

修改方法见[VSCode中的用户自定义配置文件settings.json和默认配置defaultSettings.json][VSCode_settings.json_defaultSettings.json]。  
`Ctrl+Shift+P`呼出命令面板，输入`settings`，选择`>Preferences: Open Settings (JSON)`，进行自定义配置。  
其中的参数项会覆盖默认配置(选择`>Preference: Open Default Settings (JSON)`)的值。

注意新增配置的位置(不要破坏JSON对象的格式)。

*  设置默认缩进为空格，且一个tab会被转化为4个空格。

"editor.insertSpaces": true,
    "editor.tabSize": 4,

[marketplace]: https://marketplace.visualstudio.com/vscode
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_16_color_FFFFFF_t_70]: /images/20220218/26d4a8e488834fd794758eab52cd584f.png
[VSCode_settings.json_defaultSettings.json]: https://blog.csdn.net/wuyujin1997/article/details/89318361

发表评论取消回复

表情：

评论列表（有 0 条评论，635人围观）

还没有评论，来说两句吧...

相关阅读

相关 vsCode常用插件

vscode中插件安装点击vscode 左侧功能栏中的Extensions图标，在搜索框中输入要安装的插件，点击插件右下角的Install即可进行安装 ![在这里插

本是古典何须时尚/ 2023年03月04日 08:28/ 0 赞/ 114 阅读

相关 vscode常用插件

Html • HTML Snippets • HTML CSS Support • IntelliSense for CSS class nam

矫情吗；*/ 2022年12月09日 11:52/ 0 赞/ 172 阅读

相关 vscode 插件-常用插件

VSCode常用插件(安装步骤同汉化) 1、Auto Close Tag (自动闭合HTML/XML标签) ![在这里插入图片描述][watermark_type_Zm

你的名字/ 2022年12月05日 00:41/ 0 赞/ 376 阅读

相关 vscode常用插件

C/C++ \[ms-vscode.cpptolls\] 智能推导，调试和代码浏览 C/C++ Clang Command Adapter \[mitaki28.vs

亦凉/ 2022年05月16日 13:46/ 0 赞/ 383 阅读

相关 VSCode 常用插件

插件涵盖 1. `Sublime` 中定义的快捷键 2. 待办事项高亮的 `TODO` 3. 自动补齐，自动导入css、js `路径` \[编辑 html 和 js

﹏ヽ暗。殇╰゛Y/ 2022年05月10日 05:50/ 0 赞/ 290 阅读

相关 VSCode常用插件及配置修改

[插件 marketplace][marketplace] 官网`top`插件 ![在这里插入图片描述][watermark_type_ZmFuZ3po

布满荆棘的人生/ 2022年02月18日 08:27/ 0 赞/ 636 阅读

相关 VSCode 常用插件

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热

超、凢脫俗/ 2021年12月07日 11:45/ 0 赞/ 452 阅读

相关 VSCode常用前端插件

最近在学习Vue.js，用到了VSCode，把目前用到的插件在这里整理下，方便查看 1. Vetur 支持Vue.js语法高亮，语法提示等 ![watermark_typ

末蓝、/ 2021年09月24日 03:08/ 0 赞/ 424 阅读

相关 VScode常用插件安装及介绍

1、HTMLSnippets （提示初级的H5代码片段）； 2、HTML CSSSupport （让 html 标签上写class 智能提示当前项目所支持的样式）；

淩亂°似流年/ 2021年09月15日 13:32/ 0 赞/ 452 阅读

相关 VSCode常用插件

1. material theme—VSCode主题 2. prettier—内容颜色 3. bracket pair colorizer 2 4. indent-ra

淡淡的烟草味﹌/ 2021年08月13日 11:58/ 0 赞/ 580 阅读