标签：npm typescript format vscode -- prettier true

参考博文

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

总结

1. 使用npm安装prettier

npm install --save-dev prettier

2. 新增.prettierrc配置文件，需要对哪些内容进行格式化

{
  "useTabs": false,
  "tabWidth": 2,
  "printWidth": 80,
  "singleQuote": true,
  "trailingComma": "none",
  "semi": false
}

3. 新增.prettierignore忽略格式的文件

/dist/*
.local
.output.js
/node_modules/**

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

/public/*

4. package.json中新增运行的脚本

{
  "scripts": {
    ...
    "prettier": "prettier --config .prettierrc --write ."
  }
}

5. 在vscode中安装Prettier - Code formatter插件
6. 打开vscode的配置settting.json如果没有下列配置项或者配置项不对的话则按下面的进行处理

// Default (format when you paste)
"editor.formatOnPaste": true,
// Default (format when you save)
"editor.formatOnSave": true,

7. 运行命令，会对不符合格式要求的内容进行格式化

npm run prettier

标签：npm,typescript,format,vscode,--,prettier,true
来源： https://www.cnblogs.com/it774274680/p/16621385.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。