创建项目

  1. ng new myproject

安装prettier

  1. npm i -D prettier

配置prettier

在项目根目录创建 .prettierrc

  1. {
  2. "printWidth": 120,
  3. "singleQuote": true,
  4. "useTabs": false,
  5. "tabWidth": 2,
  6. "semi": true,
  7. "bracketSpacing": true
  8. }

配置不需要prettier文件

  1. package.json
  2. package-lock.json
  3. dist

Visual Studio Code集成prettier

安装插件Prettier — Code formatter
创建配置文件 .vscode/settings.json

  1. {
  2. "editor.formatOnSave": true
  3. }

WebStorm配置

Snipaste_2019-06-20_15-28-44.png

Snipaste_2019-06-20_15-29-51.png

Snipaste_2019-06-20_15-30-40.png