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