统一编码规范

VS Code

安装Prettier - Code formatter插件

Prettier

1.安装依赖到开发环境

npm install --save-dev --save-exact prettier

2.项目根目录下创建.prettierrc文件

{
  "tabWidth": 4,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "printWidth": 100,
  "arrowParens": "always"
}

3.根目录下创建 .prettierignore 忽略不想格式化的文件

build
.cache

# Ignore all HTML files:
*.html
*.yml
*.yaml
*.min.js

4.命令行格式化操作

npx prettier --write .  //格式化当前文件夹下的所有文件
npx prettier --write ./src	//格式化当前文件下的src文件

5.VS Code编辑器保存时自动格式化
（1）打开VS Code的设置（可以通过点击左下角设置图标或使用快捷键Ctrl+逗号），然后搜索“format on save”。确保“editor.formatOnSave”选项被勾选。

（2）在设置中找到“Default Formatter”选项，选择Prettier作为默认格式化程序。

HBuilderX

Prettier

1. 插件市场安装Prettier插件。

2. 查看项目根目录下是否存在package.json文件，没有就" npm init "，安装依赖到开发环境。

   npm install --save-dev --save-exact prettier
   

3. 项目根目录下创建.prettierrc文件

   {
     "tabWidth": 4,
     "useTabs": false,
     "semi": true,
     "singleQuote": true,
     "printWidth": 100,
     "arrowParens": "always"
   }
   

4. 根目录下创建 .prettierignore 忽略不想格式化的文件

   *.git
   *.svn
   *.hg
   *.README.md
   *.min.js
   node_modules
   uniCloud
   .hbuilderx
   locale
   prettier_test
   static
   uni_modules
   unpackage
   uview-ui
   manifest.json
   

5. 命令行格式化操作

   npx prettier --write .  //格式化当前文件夹下的所有文件
   npx prettier --write ./src	//格式化当前文件下的src文件
   

6. 打开编辑器的工具->设置->插件配置，启用Pretttier，关闭【使用编辑器缩进配置覆盖useTabs、tabWidth配置项】。
   具体可查看：https://hx.dcloud.net.cn/Tutorial/extension/prettier
   

7. 保存时自动格式化代码