Formator-Prettier

简介

此插件用于格式化less、sass、vue、stylus、ts、yaml代码

此插件需要到插件市场下载

配置文件

点击菜单【工具】 -> 【设置】 -> 【插件配置】 -> prettier -> prettier.config.js，即可打开配置文件。

如何配置格式化选项？

格式化选项配置文件是prettier.config.js,里面对应的选项说明如下：

  • printWidth： 控制单行最大长度
  • semi： 控制每条语句是否加上分号
  • tabWidth： 控制一个tab对应的空格数
  • useTabs： 控制缩进用tab还是space
  • singleQuote：控制字符串是用单引号还是双引号
  • trailingComma： 是否去掉末尾的逗号
  • bracketSpacing： 控制json对象括号前后是否加上空格

详细的配置说明可以参考options

如何支持新的语言？

  1. 修改package.json配置，添加要支持的新的语言的文件后缀
    1. "contributes": {
    2.  "formator": {
    3.      "name": "Prettier",
    4.      "class": "prettier_service.js",
    5.      "filetypes": [
    6.          "less",
    7.          "sass",
    8.          "scss",
    9.          "vue",
    10.          "ux",
    11.          "ts",
    12.          "foo"//文件后缀名
    13.      ]
    14.  }
    15. }
  2. 修改prettier.config.js,将新添加的语言配置到对应的格式化处理器上。
    1. parsers: {
    2.  ".jsx": "flow",
    3.  ".scss": "scss",
    4.  ".ts": "typescript",
    5.  ".less": "css",
    6.  ".vue": "vue",
    7.  ".ux": "vue",
    8.  ".yml": "yaml",
    9.  ".foo":"flow"//文件后缀名对应的格式化处理器
    10. }

示例Gif

Formator-Prettier - 图1