1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 前端配置prettier工具格式化代码

前端配置prettier工具格式化代码

时间:2023-01-18 08:31:34

相关推荐

前端配置prettier工具格式化代码

Prettier 是一款强大的代码格式化工具,支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown 等语言,基本上前端能用到的文件格式它都可以搞定,是当下最流行的代码格式化工具。

1.安装prettier

npm install prettier -D

2.新建.prettierrc文件:

useTabs:使用tab缩进还是空格缩进,选择false;tabWidth:tab是空格的情况下,是几个空格,选择2个;printWidth:当行字符的长度,推荐80,也有人喜欢100或者120;singleQuote:使用单引号还是双引号,选择true,使用单引号;trailingComma:在多行输入的尾逗号是否添加,设置为none;semi:语句末尾是否要加分号,默认值true,选择false表示不加;

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

3.创建.prettierignore忽略文件

/dist/*.local.output.js/node_modules/****/*.svg**/*.sh/public/*

4.VSCode需要安装prettier的插件

5.测试prettier是否生效

测试一:在代码中保存代码;ctrl+s或者

测试二:配置一次性修改的命令;

在package.json中配置一个scripts:

"prettier": "prettier --write ."

直接yarn prettier就能全局执行prettier

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。