css - 统一管理前端代码
PHP中文网
PHP中文网 2017-04-17 12:59:25
0
10
580

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

PHP中文网
PHP中文网

认证0级讲师

全部回覆(10)
Ty80

還是用grunt比較好

Peter_Zhu

剛好看過網易的一份HTML和CSS的規格http://nec.netease.com/standard,你可以參考一下。

伊谢尔伦

JavaScript Code Style
Airbnb公開的程式碼風格

還有bootstrap也有。

Ty80

類似的工具還是有一些的,前端鷹架。像gulp,grunt,fis,webpack,browserify,THX等等。看官方文檔。

巴扎黑

程式碼格式規格 jshint

黄舟

eshint 語法檢查

Ty80

Eslint + Webpack,包你規範的不要不要的

黄舟

我認為統一管理程式碼有兩種意義:

1、統一在某處管理所有程式碼,例如透過git、svn,vss等程式碼管理工具進行程式碼管理,透過管理工具來控製程式碼的品質以及流程等等;

2、統一程式碼書寫規範、註解規範、風格等,這方面就涉及了不同的面向了。因為前段一般我們認為有三個面向需要規範:第一個是html的書寫規範和巢狀規則等,第二個是css,第三​​個是javascript。

不知道題主是想問關於上面的哪一點呢?

巴扎黑

我們用的jscs和eslint共同進行靜態檢查,這兩個甚至都可以加上--fix參數自動進行修復。
比如,原來規定都要加分號,後來規定改了不要加分號,只要改下jscs配置,運行下面的命令,所有文件都搞定了。

jscs --fix .
迷茫

應用環境Uglify一下,生產環境Beautify一下,不過Beautify只是一個中間過程,一般常用的:Gulp、Grunt、NPM + Webpack;涉及檢查、編譯、合併和壓縮;

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板