标签：tslint -- yarn json prettier 使用 true

使用prettier

只需要保存文件，代码就会被整理格式，代码复查的时候不需要再争论风格

把prettier加入到项目:

yarn add prettier --dev --exact

Then, create an empty config file to let editors and other tools know you are using Prettier:

echo {}> .prettierrc.json

{
    "bracketSpacing": true,
    "semi": true,
    "singleQuote": true,
    "trailingComma": "es5",
    "printWidth": 200
}

要从格式化中排除文件.prettierignore，请在项目的根目录中创建一个文件。.prettierignore使用gitignore 语法。

package.json
package-lock.json
yarn.lock
wwwroot
*.html
*.less

用一个文件验证是否成功:

yarn prettier --write src/index.js

git提交代码的时候自动运行prettier:  pretty-quick

yarn add pretty-quick husky --dev

In package.json, add:

"husky": {
  "hooks": {
    "pre-commit": "pretty-quick --staged"
  }
}

 

 

使用.vscode中settings.json

打开设置-工作区设置

选中format on save，自动生成settings.json文件

 

 保存时自动格式化--使用tslint

"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
  "source.fixAll.tslint": true
},

 

 

 

解决tslint和prettier冲突

Prettier 负责格式化，而 tslint 负责代码质量等所有其他事情。

安装过程很简单，一旦你设置TSLint and Prettier:

yarn add -D tslint-config-prettier

Make sure you've already set up TSLint and Prettier.

将其添加到tslint.json文件的末尾：

{
  "extends": ["tslint:latest", "tslint-config-prettier"]
}

现在我们可以毫无问题地使用 Prettier 和 TSLint！

标签：tslint,--,yarn,json,prettier,使用,true
来源： https://www.cnblogs.com/tingying/p/15796864.html

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