1、公司现在分为前端和后台,后台和前端定义好接口进行数据交互;2、后台代码(主要是java)的书写格式、注释有一套严格的规范,每次提交代码都会进行构建(如checkstyle)来验证后台代码的格式、注释、换行、缩进是否规范;3、后台代码有一台管理工具,可是前端目前没有;4、忘网友能提供代码格式、注释规范的管理办法,来公司控制每个人书写的代码。
认证0级讲师
還是用grunt比較好
剛好看過網易的一份HTML和CSS的規格http://nec.netease.com/standard,你可以參考一下。
JavaScript Code StyleAirbnb公開的程式碼風格
還有bootstrap也有。
類似的工具還是有一些的,前端鷹架。像gulp,grunt,fis,webpack,browserify,THX等等。看官方文檔。
程式碼格式規格 jshint
jshint
eshint 語法檢查
Eslint + Webpack,包你規範的不要不要的
Eslint
Webpack
我認為統一管理程式碼有兩種意義:
1、統一在某處管理所有程式碼,例如透過git、svn,vss等程式碼管理工具進行程式碼管理,透過管理工具來控製程式碼的品質以及流程等等;
2、統一程式碼書寫規範、註解規範、風格等,這方面就涉及了不同的面向了。因為前段一般我們認為有三個面向需要規範:第一個是html的書寫規範和巢狀規則等,第二個是css,第三個是javascript。
不知道題主是想問關於上面的哪一點呢?
我們用的jscs和eslint共同進行靜態檢查,這兩個甚至都可以加上--fix參數自動進行修復。 比如,原來規定都要加分號,後來規定改了不要加分號,只要改下jscs配置,運行下面的命令,所有文件都搞定了。
jscs --fix .
應用環境Uglify一下,生產環境Beautify一下,不過Beautify只是一個中間過程,一般常用的:Gulp、Grunt、NPM + Webpack;涉及檢查、編譯、合併和壓縮;
還是用grunt比較好
剛好看過網易的一份HTML和CSS的規格http://nec.netease.com/standard,你可以參考一下。
JavaScript Code Style
Airbnb公開的程式碼風格
還有bootstrap也有。
類似的工具還是有一些的,前端鷹架。像gulp,grunt,fis,webpack,browserify,THX等等。看官方文檔。
程式碼格式規格
jshint
eshint 語法檢查
Eslint
+Webpack
,包你規範的不要不要的我認為統一管理程式碼有兩種意義:
1、統一在某處管理所有程式碼,例如透過git、svn,vss等程式碼管理工具進行程式碼管理,透過管理工具來控製程式碼的品質以及流程等等;
2、統一程式碼書寫規範、註解規範、風格等,這方面就涉及了不同的面向了。因為前段一般我們認為有三個面向需要規範:第一個是html的書寫規範和巢狀規則等,第二個是css,第三個是javascript。
不知道題主是想問關於上面的哪一點呢?
我們用的jscs和eslint共同進行靜態檢查,這兩個甚至都可以加上--fix參數自動進行修復。
比如,原來規定都要加分號,後來規定改了不要加分號,只要改下jscs配置,運行下面的命令,所有文件都搞定了。
應用環境Uglify一下,生產環境Beautify一下,不過Beautify只是一個中間過程,一般常用的:Gulp、Grunt、NPM + Webpack;涉及檢查、編譯、合併和壓縮;