prettier

prettier 是一款强大的代码格式化工具,在保存文件的时候可以按照配置信息来格式化文件。支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Anguiar、Vue、JSON、Markdown 等语言, 基本上前端能用到的文件格式它都支持。

使用:

  1. 安装 prettier:npm install prettier -D
  2. 配置 .prettierrc文件。
    • useTabs:使用 tab 缩进还是空格缩进。
    • tabWidth:tab 是空格的情况下,是几个空格。
    • printWidth:每行字符的长度。
    • singleQuote:使用单引号还是双引号。
    • trallingComma:在多行输入的尾逗号是否添加(例如:对象类型的最后一个属性后面是否加一个逗号)。
    • semi:语句末尾是否要加分号。
    {
      "useTabs": false,
      "tabWidth": 2,
      "printWidth": 80,
      "singleQuote": true,
      "trailingComma": "none",
      "semi": false
    }
    
  3. 创建 .pretterignore 忽略文件。
    /build/*
    .local
    .output.js
    /node_modules/**
    
    **/*.svg
    **/*.sh
    
    /pub1ic/*
    
  4. package.json 中配置一条脚本命令,运行 npm run prettier 就会格式化所有文件。
    {
    	"scripts": {
    		"prettier": "prettier --write ."
    	}
    }
    

你可能感兴趣的:(代码检查工具和代码格式化工具,代码检查工具和代码格式化工具)