zoukankan      html  css  js  c++  java
  • vscode配置,vue开发环境

    安装插件Vetur,Regex Previewer,Pretty Formatter,Path Intellisense,ESLint,chinese,beautify
    //setting.js文件
    {
        "emmet.triggerExpansionOnTab": true,
        "emmet.includeLanguages": {
            "vue-html": "html",
            "vue": "html"
        },
        "eslint.codeAction.showDocumentation": {
            "enable": true
        },
        "editor.tabSize": 2,
        //失去焦点后自动保存
        "files.autoSave": "onFocusChange",
        // #值设置为true时,每次保存的时候自动格式化;
        "editor.formatOnSave": true,
        "editor.formatOnType": true,
        //每120行就显示一条线
        "editor.rulers": [],
        "eslint.options": {
            "plugins": [
                "html"
            ]
        },
        "[javascript]": {
            "editor.defaultFormatter": "vscode.typescript-language-features"
        },
        "emmet.excludeLanguages": [
            "markdown"
        ],
        "typescript.validate.enable": false,
        "vetur.format.defaultFormatterOptions": {
            "js-beautify-html": {
                "wrap_line_length": 160, // 数值越大,一行放的属性越多
                "wrap_attributes": "auto",
                "end_with_newline": false
            },
            "prettyhtml": {
                "printWidth": 100,
                "singleQuote": false,
                "wrapAttributes": false,
                "sortAttributes": false
            }
        },
        "vetur.format.defaultFormatter.html": "js-beautify-html",
        "vetur.format.defaultFormatter.js": "vscode-typescript",
        "editor.quickSuggestions": true,
        "eslint.nodeEnv": "",
        "editor.fontSize": 16,
        "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
        "js/ts.implicitProjectConfig.checkJs": true,
        "typescript.format.insertSpaceBeforeAndAfterBinaryOperators": false,
        "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
        "path-intellisense.mappings": {
            "@": "${workspaceRoot}/src"
        },
        "editor.codeActionsOnSave": null
        // "npm.exclude": "",
        // "[scss]": {
        //     "editor.defaultFormatter": "HookyQR.beautify"
        // },
        // "beautify.config": ""
    }
  • 相关阅读:
    浅谈移动前端的最佳实践(转)
    程序员的个人发展注意事项(转)
    SQL Server 维护计划实现数据库备份(Step by Step)
    每日一SQL-善用DATEADD和DATEDIFF
    Entity Framework Code First (一)Conventions
    臣服不代表解放你的手
    写在那个毕业五年的日子(转)
    测试驱动开发实践
    领域驱动设计实践上篇(转)
    WebAPI使用多个xml文件生成帮助文档(转)
  • 原文地址:https://www.cnblogs.com/zyx-blog/p/15141070.html
Copyright © 2011-2022 走看看