多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 一、必要性 最重要一点是确保github仓库里面,不会因为风格一致,导致太多因为格式不一致产生的提交日志,干扰代码审核; ## 二、后端统一格式 1、统一IDE为Eclipse; 2、统一格式化文件,并在开始使用Eclipse编程的时候,就导入格式化配置文件; 具体细节,参考下面章节的统一格式段落即可:[项目实战/后端开发/从零开始开发/开发环境搭建](../%E5%90%8E%E7%AB%AF%E5%BC%80%E5%8F%91/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%BC%80%E5%8F%91/%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA.md) ## 三、前端统一格式 1、统一IDE为VSCode; 2、必须安装VSCode的Vetur插件和Prettier+(注意不是Prettier)插件; 3、工程中,必须安装Prettier包,目前前端两个框架工程(平台pc/移动)都已经带了Prettier包,如果是新工程,必须确保安装了Prettier包(`npm install prettier -D`); #### **历史页面处理** 如果是历史工程并没有安装Prettier包来统一格式,那么,修正历史页面格式,需要: 1、工程根目录下执行命令,`npm install prettier -g`,全局安装prettier 包(为了后面可以执行历史页面格式化的命令),根目录下的package.json文件中,会自动加上prettier的配置,如:`"prettier": "^2.6.1",`; 2、工程根目录下增加Prettier规则配置文件.prettierrc,并撰写代码风格配置; 3、执行`prettier --config .prettierrc --write './src/**/*.{js,css,less,scss,json,vue}'` 上面3的命令执行有可能会遇到问题,按照下面的方法解决: 搜索 ![](https://img.kancloud.cn/99/e2/99e2299d83ea9ddd5b031955a0e989e0_295x758.png) ![](https://img.kancloud.cn/d6/fb/d6fbe1c43a13b757920563da36745e8e_980x894.png) 然后执行`set-ExecutionPolicy RemoteSigned`; ![](https://img.kancloud.cn/3e/17/3e179a57eae6ddf1b8b2bba354374c79_1119x714.png) 然后执行命令: ![](https://img.kancloud.cn/72/97/7297b48c07566341ba8056cc5d0ba23d_1920x1030.png) >[danger] 如果工程代码仓库中,包含多个子工程(如admin/mobile等),那么,除了各个子工程根目录下包含.vscode和settings配置之外,在代码仓库根目录下,也包含一个.vscode包和settings配置;这样,无论进入到具体子工程根目录(如admin目录或mobile目录)下操作或者直接打开整个工程根目录操作,都能奏效; #### **VSCode配置** 参考:[项目实战/前端开发/从零开始开发/开发环境搭建](../%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%BC%80%E5%8F%91/%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA.md)