zoukankan      html  css  js  c++  java
  • vscode 常用配置

    vscode设置中文显示:

    安装插件:

    Chinese (Simplified) Language Pack for Visual Studio Code

    安装后,在 locale.json 中添加 "locale": "zh-cn",即可载入中文(简体)语言包。

    要修改 locale.json,你可以同时按下 Ctrl+Shift+P 打开命令面板,之后输入 "config" 筛选可用命令列表,最后选择配置语言命令

    然后重启即可

    vscode主题背景:

    文件 -->首选项 --> 颜色主题

    可以选择自己喜欢的主题背景,也可以去下载插件

    One Dark Pro 这个主题挺赞的

    eslint部分:

    项目用了eslint,ctrl+s的时候对编写不规范的代码进行检测和修复

    1.安装插件:

    eslint

    vetur

    如果用的是stylus,保存的时候也会格式化css代码,不想的话可以下这个插件进行设置

    文件---》首选项--》设置,进入配置:

    {
      "editor.fontSize": 18,
      "workbench.colorTheme": "One Dark Pro",
      "window.zoomLevel": 0,
      //每次保存的时候自动格式化
      "editor.formatOnSave": true,
      "editor.detectIndentation": false,
      //让prettier使用eslint的代码格式进行校验
      "prettier.eslintIntegration": true,
      //让vue中的js按编辑器自带的ts格式进行格式化
      "vetur.format.defaultFormatter.js": "vscode-typescript",
      //这个按用户自身习惯选择
      "vetur.format.defaultFormatter.html": "none",
      //让函数(名)和后面的括号之间加个空格
      "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
      //eslint 代码自动检查相关配置
      "eslint.enable": true,
      //保存时自动fix
      "eslint.autoFixOnSave": true,
      "eslint.run": "onType",
      "eslint.options": {
        "extensions": [".js", ".vue"]
      },
      "eslint.validate": [
        "javascriptreact",
        "javascript",
        {
          "language": "vue",
          "autoFix": true
        },
        "html",
        {
          "language": "html",
          "autoFix": true
        }
      ],
      "editor.tabSize": 2,
      // 格式化stylus, 需安装Manta's Stylus Supremacy插件
      "stylusSupremacy.insertColons": false, // 是否插入冒号
      "stylusSupremacy.insertSemicolons": false, // 是否插入分号
      "stylusSupremacy.insertBraces": false, // 是否插入大括号
      "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
      "stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行
    }
    

      

  • 相关阅读:
    docker国内镜像地址
    springBoot+websocket集群系列知识
    多个idea项目使用同一个tomcat
    nginx+tomcat遇到的https重定向到http问题
    设置常用错误页面自定义显示
    mysql关于索引的一些零碎知识点(持续更新)
    Idea使用Lombok简化实体类代码
    mysql索引分类及实现原理
    使用SpringSession和Redis解决分布式Session共享问题
    HashMap ConcurrentHashMap解读
  • 原文地址:https://www.cnblogs.com/wangdashi/p/10485110.html
Copyright © 2011-2022 走看看