null - 程序员宅基地

vscode vue settings.json 代码格式化配置！自定义设置 VSCode代码颜色设置（霸霸看了都说好）_vxcode settings [vue]-程序员宅基地

配置

VS Code 文件 -> 首选项 -> 设置 -> 用户设置栏 -> 扩展 -> Vetur
在这里插入图片描述
打开文件加入如下配置：

{
    
    // tab 大小为2个空格
    "editor.tabSize": 2,
    // 字體大小
    "editor.fontSize": 16,
    // 設置行高
    "editor.lineHeight": 25,
    // 保存时格式化
    "editor.formatOnSave": true,
    // 开启 vscode 文件路径导航
    "breadcrumbs.enabled": true,
    // 显示 markdown 中英文切换时产生的特殊字符 
    "editor.renderControlCharacters": true,
    // 设置 eslint 保存时自动修复
    "eslint.autoFixOnSave": true,
    // 添加 vue 支持
    "eslint.validate": [
        "javascriptreact",
        "vue",
        "javascript",
        {
    
            "language": "vue",
            "autoFix": true
        },
        "html",
        {
    
            "language": "html",
            "autoFix": true
        }
    ],
    // #让函数(名)和后面的括号之间加个空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // #选择 vue 文件中 template 的格式化工具
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // #让vue中的js按编辑器自带的ts格式进行格式化
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    // vetur 的自定义设置
    "vetur.format.defaultFormatterOptions": {
    
        "prettier": {
    
            "singleQuote": false,
            "semi": true
        }
    },
    //颜色配置
    "editor.tokenColorCustomizations": {
    
        "comments": "#858c99", // 注释
        "keywords": "#c678dd", // 关键字
        "variables": "#9fb2bf", // 变量名
        "strings": "#98c379", // 字符串
        "functions": "#e06c75", // 函数名
        "numbers": "#d19a66", // 数字
    },
    // 选中高亮的颜色
    "workbench.colorCustomizations": {
    
        "editor.selectionBackground": "#4e8bda7e", //选中高亮
        "editor.background": "#282c35", //背景色
        "editorCursor.foreground": "#bebebe", //编辑器光标颜色
        "editor.lineHighlightBackground": "#14524e", //光标所在行高亮内容的背景颜色
        "editor.lineHighlightBorder": "#00000000", //光标所在行四周边框的背景颜色
        "sideBar.background": "#21252b",
        "sideBar.foreground": "#b3bccc",
        "tab.inactiveBackground": "#21252b",
    },
    "editor.codeActionsOnSave": {
    
        "source.fixAll.eslint": true
    },
    "gitlens.advanced.messages": {
    
        "suppressGitVersionWarning": true
    },
    "files.autoSave": "onFocusChange",
}

完成

在Vue文件中 ctrl+s 保存一下，你会惊奇的发现。
在这里插入图片描述

本文链接：https://blog.csdn.net/pujun1201/article/details/119600983

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

Anaconda新手使用教程_anaconda使用教程-程序员宅基地

文章浏览阅读4.6w次，点赞102次，收藏897次。Anaconda使用教程一（新手友好）前言一、python和包以及anaconda的概念关系关于python与包关于anaconda二、Anaconda安装问题对windows三、Anaconda使用问题配置Anaconda源可能出现的错误conda install 仍然出现下载速度慢的错误四、Anaconda创建虚拟环境并使用创建你的第一个环境查看当前conda所有环境激活你的环境在你的环境中用conda或者pip安装包查看环境中现有的包在环境中运行python程序（windows系统）退出当前环境删除环_anaconda使用教程

hdu 3496 二维费用背包_hdu - 3496-程序员宅基地

文章浏览阅读1k次。题意：求在一定l时间内看完n中电影中的m是否可能，若可能则最后快乐度是多少。之前错了好多遍，一直找不到原因，后来在百度上看了很多别人的代码发现只有初始化不同我的初始化： memset(f,0,sizeof(f));别人的： for(int i=0;i for(int j=0;j一开始认为没什么影响，但是苦于一直找不到原因，所以我将自_hdu - 3496

Random、SecurityRandom、Math.random()_securerandom和math.random()-程序员宅基地

文章浏览阅读2k次。下面可以不看，一句话，为了其安全起见，以后我们就用SecurityRandom就好了。JDK中有两个随机数类。一个是PRNG，也就伪随机数类java.util.Random，是采用线性同余算法产生的。另一个是RNG，也就是java.util.Random的子类强随机数java.security.SecureRandom，这是一个SPI类，也就是说具体的算法由Pro..._securerandom和math.random()

npm安装vue报错:npm ERR! code ETIMEDOUT-程序员宅基地

文章浏览阅读8k次，点赞8次，收藏8次。npm安装vue报错npm ERR! code ETIMEDOUT_code etimedout

Linux解决Warning： mysql_connect()： Headers and client library minor version mismatch. 警告_mysql headers:50647-程序员宅基地

文章浏览阅读5k次。这两天用阿里云服务器重新部署网站服务器后，打开某php页面出现了如下警告：Warning: mysql_connect(): Headers and client library minor version mismatch. Headers:50547 Library:50631 in /XXX(某某目录)/wp-db.php on line 1520，虽然是警告，但是有的界面会因此打不开，无法..._mysql headers:50647

Java开发工具评测——后端-程序员宅基地

文章浏览阅读17次。它提供了丰富的功能和工具，帮助开发者编写高效且易于维护的代码。Maven 是一种流行的项目管理工具，用于构建和管理 Java 项目的依赖关系。Eclipse 是另一个受欢迎的 Java IDE，被广泛用于后端开发。每个工具都有其独特的优势和适用场景，开发者可以根据自己的需求和偏好选择合适的工具。这些工具的使用可以提高开发效率、简化开发流程，并改善代码的可维护性和可读性。Java是一种广泛使用的编程语言，用于开发各种类型的应用程序，包括后端服务。在Java开发中，使用合适的工具可以提高开发效率和代码质量。

随便推点

上手指南 | Jetpack Hilt 依赖注入框架_hilt 使用 broadcastreceiver-程序员宅基地

文章浏览阅读2.7k次，点赞5次，收藏6次。Hilt 是 Android 的依赖注入库，是基于 Dagger 。可以说 Hilt 是专门为 Andorid 打造的。_hilt 使用 broadcastreceiver

php 解压安装程序,解压缩各种安装程序包-程序员宅基地

文章浏览阅读97次。解压缩各种安装程序包文：tracky来源：http://bbs.hanzify.org/index.php?showtopic=24638&hl=点击：2578解压缩各种安装程序包1 微软的Installer制作的安装包，后缀一般是msi，mspA 可以用totalcmd 的msiplus插件，可以解压。不可以修改msi。B 可以用WinINSTALL LE 2003，在w..._php软件压缩包安装

ChatGPT-GPT4：提升科研、论文写作与AI绘图效率的新契机_最新chatgpt/gpt4科研技术应用与ai绘图及论文高效写作-程序员宅基地

文章浏览阅读295次。2023年我们进入了AI2.0时代。微软创始人比尔盖茨称ChatGPT的出现有着重大历史意义，不亚于互联网和个人电脑的问世。360创始人周鸿祎认为未来各行各业如果不能搭上这班车，就有可能被淘汰在这个数字化时代，如何能高效地处理文本、文献查阅、PPT编辑、编程、绘图和论文写作已经成为您成功的关键。而 ChatGPT，作为一种强大的自然语言处理模型，具备显著优势，能够帮助您在各个领域取得突破。ChatGPT 在论文写作与编程方面也具备强大的能力。_最新chatgpt/gpt4科研技术应用与ai绘图及论文高效写作

Nginx---静态资源处理_nginx静态资源释放-程序员宅基地

文章浏览阅读2.5k次。NginxNginx服务器基础配置实例Nginx服务操作的问题Nginx配置成系统服务Nginx命令配置到系统环境Nginx静态资源部署Nginx静态资源概述Nginx静态资源的配置指令listen指令default_server说明server_name指令配置方式一：精确匹配配置方式二:使用通配符配置配置三:使用正则表达式配置匹配执行顺序server_name总结location指令设置请求资源的目录root / aliasindex指令error_page指令静态资源优化配置语法sendﬁle，用来开_nginx静态资源释放

U盘使用TransMac软件格式化之后用不了，已解决！_transmac格式化u盘导致无法读取-程序员宅基地

文章浏览阅读2.9w次，点赞2次，收藏4次。有一天，上网查查Android的知识点（我是初学者），不经意的碰到黑苹果这个概念，因为没用过白苹果，所以有个想折腾的想法，于是从此深入大坑。教程是网上的，是用TransMac格式化的U盘，后面折腾了半天，启动卡在苹果LOGO，生命在于折腾。我不怕。。。。。—___—这个是题外话了。后面因为要用到U盘（不是黑苹果的事了），突然发现U盘用不了了，格式化也不行，用DG也不行（有人说可以），然后网上找..._transmac格式化u盘导致无法读取

毕设问题杂谈_blender怎么解除蒙皮-程序员宅基地

文章浏览阅读3k次。一、maya模型通过mixamo绑定后，发现有模型重叠需要删改，在Maya中删除后导出fbx后总是空集。发现是个fbx导出问题，MAYA做了动画的模型导出FBX，动画好好的，但部分模型没了？？？【maya吧】_百度贴吧这样操作后会取消蒙皮绑定，于是我去blender里通过betterfbx插件导入，在编辑模式中删除了多余模型，之后再betterfbx导出，fbx模型绑定都在，进入unity也没问题，应该就是个Mayafbx插件问题。（小白见解）二、..._blender怎么解除蒙皮