css - 统一管理前端代码

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；涉及檢查、編譯、合併和壓縮；