统一vscode和hbuildX开发工具格式化规则

项目中格式化规范建议

以vscode和hbuildX为例，建议统一采用prettier格式化插件。
目的：用于适应一个项目组不同开发人员选择不同开发工具做出格式化统一标准。方便git仓库代码管理。
建议，还是使用vscode格式化，hbuild的格式化工具不太友好，不够智能，手动选择格式化类型多次格式化会混乱。

参考：格式化建议

友情提示：当prettier插件不生效时，建议试试先禁用其他格式化工具（Beautify，eslint，vuter。。。），然后尝试格式化，成功后再启用其他插件即可

vscode
1.前提是安装Prettier-Code formatter

2.在cli文件内（与配置文件同级）创建.prettierrc文件
注意：百度上有多个版本的配置文件（.prettierrc、prettier.config.js 、 .prettierrc.js），使用时结合实际情况处理数据格式。
使用.prettierrc，默认识别为json格式数据，使用时需采用双引号json格式。js格式需加module.exports =｛｝
配置内容如下

{trailingComma: 'all',//行尾逗号,默认none,可选 none|es5|alltabWidth: 2,//tab缩进大小,默认为2semi: true,// 使用分号, 默认trueprintWidth: 120,//达到该宽度即换行singleQuote:true,//优先使用单引号arrowParens: 'avoid'//(x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
}

其它选项为默认值即可

hbuildX
1.先安装prettier插件

2.安装完插件之后选择，工具=>插件配置=>formator-prettier=>prettier.config.js
打开文件后会有默认配置项，需要将指定配置项修改为与.prettierrc文件的配置项一致

module.exports = {printWidth: 180,semi: true,tabWidth: 4,useTabs: false,singleQuote: true,trailingComma: "none",bracketSpacing: true,htmlWhitespaceSensitivity: "ignore",parsers: {".jsx": "flow",".scss": "scss",".ts": "typescript",".less": "css",".vue": "vue",".nvue": "vue",".ux": "vue",".yml": "yaml",}
}

参考
关于npm 安装的prettier和vscode安装的区别

统一vscode和hbuildX开发工具格式化规则相关推荐

三十二、VsCode前端的开发工具介绍和使用
@Author:Runsen @Date:2020/6/11 人生最重要的不是所站的位置,而是内心所朝的方向.只要我在每篇博文中写得自己体会,修炼身心:在每天的不断重复学习中,耐住寂寞,练就真功,不畏 ...
IDEA与VsCode两种开发工具的比较
IDEA vs VS Code的故事是一个低端颠覆高端的故事,VsCode几乎吸引了所有年轻和时髦的观众.同时,JetBrains似乎仍能保持生存,这主要归功于辛勤的工作和运气. 考虑到VS Code ...
python 全部缩进一行_Python开发工具:缩进规则的使用
参考文章来自:https://docs.python.org/2.0/ref/indentation.html 分享一波前言 Python中的缩进(Indentation)决定了代码的作用域范围.这 ...
VSCode前端开发工具介绍、下载和安装（从头到尾）
一.为什么使用VSCode作为前端开发工具?: Visual Studio Code(简称VS Code/VSC),个人认为它主要有以前几个好处: ①开源-可免费使用(例如,WebStorm和Subl ...
VSCode配置MPX开发
明人不说暗话,咱们直接上干货,大家都知道MPX是一个能有效帮助开发微信小程序的框架(真香),但是怎么才能在VSCode中完美使用MPX呢?下面的内容就来介绍一下我的经验: 文章目录插件篇 Auto ...
VUE前段开发-开发环境搭建和开发工具安装
一 VUE介绍 (1)VUE,也就是vue.js,官方的介绍是是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上 ...
追赶与突围，国产软件如何化解基础开发工具危机？
导读:应对软件基础工具危机,中国准备好了吗? 提到科技领域的"卡脖子",很多人会想到"缺芯少魂"."芯"指芯片,"魂"指 ...
使用Prettier配合TsLint/Eslint 统一前端代码格式化规则，保证代码质量
背景在开发前端项目时,每个人的开发习惯不同,用的IDE也不同,有的人喜欢用VSCode,有的人喜欢用Webstorm,而各个编译器默认的格式化规则有不一致,这就导致了不同IDE格式化出来的代码是不一 ...
前端开发工具 —— VSCode - Snipaste - Photoshop - Fireworks - Icomoon字库
视频参考:https://www.bilibili.com/video/av80149248 笔记参考:https://www.bilibili.com/video/av78942920/?spm_i ...

统一vscode和hbuildX开发工具格式化规则

项目中格式化规范建议

统一vscode和hbuildX开发工具格式化规则相关推荐

最新文章

热门文章