首页 > 统一管理前端代码

统一管理前端代码

1、公司现在分为前端和后台,后台和前端定义好接口进行数据交互;
2、后台代码(主要是java)的书写格式、注释有一套严格的规范,每次提交代码都会进行构建(如checkstyle)来验证后台代码的格式、注释、换行、缩进是否规范;
3、后台代码有一台管理工具,可是前端目前没有;
4、忘网友能提供代码格式、注释规范的管理办法,来公司控制每个人书写的代码。


恰好看到过网易的一份HTML和CSS的规范http://nec.netease.com/standard,你可以参考一下。


代码格式规范 jshint


还是使用grunt比较好


JavaScript Code Style
Airbnb公开的代码风格

还有bootstrap也有。


eshint 语法检查


我们用的jscs和eslint共同进行静态检查,这两个甚至都可以加上--fix参数自动进行修复。
比如,原来规定都要加分号,后来规定改了不要加分号,只要改下jscs配置,运行下面的命令,所有文件都搞定了。

jscs --fix .

类似的工具还是有一些的,前端脚手架。像gulp,grunt,fis,webpack,browserify,THX等等。看官方文档。


Eslint + Webpack,包你规范的不要不要的


我认为统一管理代码有两种含义:

1、统一在某一处管理所有代码,比如通过git、svn,vss等代码管理工具进行代码管理,通过管理工具来控制代码的质量以及流程等等;

2、统一代码书写规范、注释规范、风格等,这方面就涉及到了不同的方面了。因为前段一般我们认为有三个方面需要规范:第一个是html的书写规范和嵌套规则等,第二个是css,第三个是javascript。

不知道题主是想问关于上面的哪点呢?


应用环境Uglify一下,生产环境Beautify一下,不过Beautify只是一个中间过程,一般常用的:Gulp、Grunt、NPM + Webpack;涉及检查、编译、合并和压缩;

【热门文章】
【热门文章】