统一管理前端代码

Question

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

Answer 1

还是使用grunt比较好

Answer 2

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

Answer 3

JavaScript Code Style
Airbnb公开的代码风格

还有bootstrap也有。

Answer 4

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

Answer 5

代码格式规范 jshint

Answer 6

eshint 语法检查

Answer 7

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

Answer 8

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

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

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

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

Answer 9

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

jscs --fix .

Answer 10

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