• 格式化配置


    C:\Users\Administrator\AppData\Roaming\Code\User\settings.json

    {

    "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
    },
    "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
    },

    "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
    },"workbench.colorTheme": "Visual Studio Light",

    "editor.codeActionsOnSave": {

    "source.fixAll.eslint": true
    }, // 启用保存时自动修复,默认只支持.js文件

    "eslint.validate": [
    "javascript", // 用eslint的规则检测js文件
    "html",
    "vue",
    //".jxs"
    ],

    // #让prettier使用eslint的代码格式进行校验
    "prettier.eslintIntegration": true,
    // #去掉代码结尾的分号
    "prettier.semi": false,
    // #使用带引号替代双引号

    "prettier.singleQuote": true,

    "prettier.tabWidth": 4,
    // #让函数(名)和后面的括号之间加个空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // #这个按用户自身习惯选择

    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // #让vue中的js按"prettier"格式进行格式化
    "vetur.format.defaultFormatter.js": "prettier",
    "vetur.format.defaultFormatterOptions": {

    "js-beautify-html": {
    // #vue组件中html代码格式化样式
    "wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样
    "wrap_line_length": 200,

    "end_with_newline": false,
    "semi": false,
    "singleQuote": true
    },

    "prettier": {
    "semi": false,
    "singleQuote": true
    }

    },
    "explorer.confirmDelete": false,
    }

  • 相关阅读:
    两种方法实现超出省略号效果
    CSS中定义优先权
    网页设计中字体设置详解
    JavaScript的方法和技巧
    手把手教你使用Gene6FTP远程管理
    用Zend Encoder加密PHP文件和PHP 优化配置
    JavaScript的方法和技巧
    SQL Server 2000订阅与发布的具体操作
    企业级邮件服务软件推荐
    用Zend Encoder加密PHP文件和PHP 优化配置
  • 原文地址:https://www.cnblogs.com/net5x/p/16301376.html
Copyright © 2020-2023  润新知