VSCode代码颜色设置与常用插件

这篇具有很好参考价值的文章主要介绍了VSCode代码颜色设置与常用插件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、VSCode代码颜色设置

1. 在VSCode插件市场搜索 Vetur 并安装

vscode代码颜色插件,基础篇,vscode,编辑器,前端,javascript,json

2. 打开 VSCode 管理 -->  设置;或者 文件 --> 首选项 --> 设置;或者快捷键 ctrl + , 。

3.  打开设置后,搜索 vetur ,扩展 --> vetur ,找到 “ 在 settings.json 中编辑 ”,点击打开 settings.json 文件,可复制以下代码进行替换。

{
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.codeAction.showDocumentation": {
    "enable": true
  },
  "editor.tabSize": 2,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "[javascript]": {
    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
  },
  "editor.autoClosingBrackets": "always",
  "editor.wordWrap": "on",
  "security.workspace.trust.untrustedFiles": "open",
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true,
  "eslint.format.enable": true
}

二、常用插件

以下是我开发中有用到的插件,分享给大家做个参考。

vscode代码颜色插件,基础篇,vscode,编辑器,前端,javascript,jsonvscode代码颜色插件,基础篇,vscode,编辑器,前端,javascript,json

 文章来源地址https://www.toymoban.com/news/detail-553757.html

 

到了这里,关于VSCode代码颜色设置与常用插件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode 设置滑条颜色

    2024年02月13日
    浏览(28)
  • 设置自己喜欢的vscode md文档颜色

     

    2024年02月12日
    浏览(38)
  • Python的编辑器VScode中文设置和Hello World

    个人比较常用的用于Python开发的编辑器是VScode,大概的原因应该是免费,且便于项目文件的管理。 VScode中文设置插件及使用方法 VScode下载安装好之后,可以在软件左侧的“扩展”中搜索安装一些插件,用于辅助开发。 个人比较常用的几个VScode插件如下: 1、简体中文插件,

    2024年02月07日
    浏览(53)
  • Visual Studio 设置编辑框(即代码编辑器)的背景颜色

    在Visual Studio 中设置编辑框(即代码编辑器)的背景颜色,可以按照以下步骤进行: 打开Visual Studio。 在菜单栏上找到并点击“工具”(Tools)选项。 在下拉菜单中选择“选项”(Options)。 在“选项”对话框中,导航至“环境”(Environment)类别。 在环境类别中,点击“字体和颜色”

    2024年01月21日
    浏览(61)
  • 使用VSCode作为Unity的代码编辑器

                    Unity在选择IDE 的时候其实也有很多选择,在 Windows 上我会选择 Visual Studio 或者是 VS Code ,在编程体验上来讲我更喜欢 Visual Studio 。但是在 Mac OS 可能 Visual Studio Mac 版本并非是一个靠谱的选择,它和 Rider 一样都过于笨重,编程体验比较卡顿,于是我还是

    2024年02月08日
    浏览(66)
  • vscode(Better Comments插件)在vue文件中不显示相对应的颜色

    解决办法: 1、在 .vscode 文件下找到  aaron-bond.better-comments-3.0.2 (我的路径:C:Userscown.vscodeextensionsaaron-bond.better-comments-3.0.2),后面版本不唯一,根据自身情况辨别  2、进入文件路径 aaron-bond.better-comments-3.0.2out 中找到并编辑 parser.js文件

    2024年02月16日
    浏览(58)
  • 前端必备的开发工具推荐——VScode代码编辑器

            VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也

    2024年02月02日
    浏览(61)
  • 【工具】vscode的常用插件之注释插件

    🐚作者简介:花神庙码农(专注于Linux、WLAN、TCP/IP、Python等技术方向) 🐳博客主页:花神庙码农 ,地址:https://blog.csdn.net/qxhgd 🌐系列专栏:善假于物 📰如觉得博主文章写的不错或对你有所帮助的话,还望大家三连支持一下呀!!! 👉关注✨、点赞👍、收藏📂、评论。

    2024年02月05日
    浏览(56)
  • Vscode——开发常用插件分享

    vscode插件是为了更高效的代码开发,为了美观的代码格式。 1.简体中文语言包 插件名称:Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 作用:将VSCode操作界面转换为中文,安装完成,重启VScode即可 2.显示文件图标 插件名称:vscode-icons 作用:vscode中的文件管理的树目

    2024年02月03日
    浏览(41)
  • VSCode 常用插件推荐

    VS Code提供了非常丰富的插件功能,根据你的需要,安装对应的插件可以大大提高开发效率。 完成前端开发,常见插件介绍: 目录 1、Chinese (Simplified) Language Pack 2、Code Spell Checker 3、HTML CSS Support 4、JavaScript (ES6) code snippets 5、Mithril Emmet 6、Path Intellisense 7、Vue 3 Snippets 8、VueHelp

    2024年02月06日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包