zoukankan      html  css  js  c++  java
  • vscode格式化配置

    此配置支持 CSS、HTML、JS 和 Vue 等文件的格式化

    一、安装插件:

    Prettier 、Eslint、Vetur

    ESlint: javascript代码检测工具,可以配置每次保存时格式化js

    Prettier - Code formatter: 只关注格式化,并不具有eslint检查语法等能力,只关心格式化文件(最大长度、混合标签和空格、引用样式等),包括JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown

    vetur: 可以格式化html、标准css(有分号 、大括号的那种)、标准js(有分号 、双引号的那种)、vue文件

    二、setting.josn配置

    文件-首选项-设置-在setting.josn中编辑

    {
      "editor.fontSize": 16,
      // tab 大小为2个空格
      "editor.tabSize": 2,
      // 100 列后换行
      "editor.wordWrapColumn": 100,
      // 保存时格式化
      "editor.formatOnSave": true,
      // 开启 vscode 文件路径导航
      "breadcrumbs.enabled": true,
      // prettier 设置语句末尾不加分号
      "prettier.semi": false,
      // prettier 设置强制单引号
      "prettier.singleQuote": true,
      // 禁止随时添加逗号 "prettier.trailingComma": "none", // 选择 vue 文件中 template 的格式化工具 "vetur.format.defaultFormatter.html": "prettyhtml", // 显示 markdown 中英文切换时产生的特殊字符 "editor.renderControlCharacters": true, // vetur 的自定义设置 "vetur.format.defaultFormatterOptions": { "prettier": {
      // 用单引号 "singleQuote": true,
      // 不加分号 "semi": false,
      // 禁止随时添加逗号 "trailingComma": "none" } }, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "[javascript]": { "editor.defaultFormatter": "vscode.typescript-language-features" } }

      

  • 相关阅读:
    如何回答十个最棘手的面试问题(下)
    数据库设计三大范式应用实例剖析
    也谈内置无线网卡
    用10个漂亮问题完美结束面试
    Visual C++6.0编译器报错fatal error C1083
    MSDN library下载地址
    如何回答十个最棘手的面试问题(上)
    个人计划永不乱:五款定时提醒软件横评
    怎样使用C#调用exe的应用程序
    组策略妙用通过组策略禁止域用户更改IP地址
  • 原文地址:https://www.cnblogs.com/liumingwang/p/13594515.html
Copyright © 2011-2022 走看看