zoukankan      html  css  js  c++  java
  • vscode 之代码格式化

    一,安装以下几个vscode插件

    1、Eslint

    2、prettier

    3、Vetur

    二,在vscode Setting.json文件中加入一下配置

    {
    
      // tab 大小为2个空格
    
      "editor.tabSize": 2,
    
      // 100 列后换行
    
      "editor.wordWrapColumn": 100,
    
      // 保存时格式化
    
      "editor.formatOnSave": true,
    
      // 开启 vscode 文件路径导航
    
      "breadcrumbs.enabled": true,
    
      // prettier 设置语句末尾不加分号
    
      "prettier.semi": false,
    
      // prettier 设置强制单引号
    
      "prettier.singleQuote": true,
    
      // 选择 vue 文件中 template 的格式化工具
    
      "vetur.format.defaultFormatter.html": "prettyhtml",
    
      // 显示 markdown 中英文切换时产生的特殊字符
    
      "editor.renderControlCharacters": true,
    
      // 设置 eslint 保存时自动修复
    
      "eslint.autoFixOnSave": true,
    
      // eslint 检测文件类型
    
      "eslint.validate": [
    
        "javascript",
    
        "javascriptreact",
    
        {
    
          "language": "html",
    
          "autoFix": true
    
        },
    
        {
    
          "language": "vue"
    
          "autoFix": true
    
        }
    
      ],
    
      // vetur 的自定义设置
    
      "vetur.format.defaultFormatterOptions": {
    
        "prettier": {
    
          "singleQuote": true,
    
          "semi": false
    
        }
    
      }
    
    }
    ESLint

    作者:慕神9526
    链接:https://www.imooc.com/article/288073?block_id=tuijian_wz
    来源:慕课网
    ESLint

    作者:慕神9526
    链接:https://www.imooc.com/article/288073?block_id=tuijian_wz
    来源:慕课网
    ESLint

    作者:慕神9526
    链接:https://www.imooc.com/article/288073?block_id=tuijian_wz
    来源:慕课网Esl
    ESLint

    作者:慕神9526
    链接:https://www.imooc.com/article/288073?block_id=tuijian_wz
    来源:慕课网

    一、安装以下几个 vscode 扩展程序:


    作者:慕神9526
    链接:https://www.imooc.com/article/288073?block_id=tuijian_wz
    来源:慕课网
    一、安装以下几个 vscode 扩展程序:

    作者:慕神9526
    链接:https://www.imooc.com/article/288073?block_id=tuijian_wz
    来源:慕课网

    一、安装以下几个 vscode 扩展程序:

    ESLint

    Prettier - Code formatter

    Vetur


    作者:慕神9526
    链接:https://www.imooc.com/article/288073?block_id=tuijian_wz
    来源:

    一、安装以下几个 vscode 扩展程序:

    ESLint

    Prettier - Code formatter

    Vetur


    作者:慕神9526
    链接:https://www.imooc.com/article/288073?block_id=tuijian_wz
    来源:慕课网

    一、安装以下几个 vscode 扩展程序:

    ESLint

    Prettier - Code formatter

    Vetur


    作者:慕神9526
    链接:https://www.imooc.com/article/288073?block_id=tuijian_wz
    来源:慕课网
  • 相关阅读:
    1058 A+B in Hogwarts (20)
    1046 Shortest Distance (20)
    1061 Dating (20)
    1041 Be Unique (20)
    1015 Reversible Primes (20)(20 分)
    pat 1027 Colors in Mars (20)
    PAT 1008 Elevator (20)
    操作系统 死锁
    Ajax的get方式传值 避免& 与= 号
    让IE浏览器支持CSS3表现
  • 原文地址:https://www.cnblogs.com/jszhp/p/13304826.html
Copyright © 2011-2022 走看看