微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vscode中使用prettier和typescript

参考博文

文章标题:How to use Prettier with ESLint and TypeScript in VSCode
链接https://khalilstemmler.com/blogs/tooling/prettier/

总结

  1. 使用npm安装prettier
npm install --save-dev prettier
  1. 新增.prettierrc配置文件,需要对哪些内容进行格式化
{
  "useTabs": false,
  "tabWidth": 2,
  "printWidth": 80,
  "singleQuote": true,
  "trailingComma": "none",
  "semi": false
}

  1. 新增.prettierignore忽略格式的文件
/dist/*
.local
.output.js
/node_modules/**

**/*.svg
**/*.sh

/public/*

  1. package.json中新增运行的脚本
{
  "scripts": {
    ...
    "prettier": "prettier --config .prettierrc --write ."
  }
}
  1. 在vscode中安装Prettier - Code formatter插件
  2. 打开vscode的配置settting.json如果没有下列配置项或者配置项不对的话则按下面的进行处理
// Default (format when you paste)
"editor.formatOnPaste": true,
// Default (format when you save)
"editor.formatOnSave": true,
  1. 运行命令,会对不符合格式要求的内容进行格式化
npm run prettier

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐