基於koajs的web項目構建-心得篇

根據 基於koajs的web項目構建-入門篇 所描述的，創建了項目的基本目錄結構，接下來的工做即是編碼，編譯，測試，發佈。作爲這些工做，每一項工做都有本身的學問，針對這三項工做的技巧分析文章在網上有不少，因此我並不認爲有人可以以簡單的描述就涵蓋。對於本身，僅做文去嘗試清楚的闡述本身構建 node 項目的一些實踐。

閒談

養成良好編碼習慣。前端項目中，js 和 html 的語法都是很鬆散的，變量使用大寫或者小寫，語句末尾是否有;，大多數狀況都是能夠適應的。這樣的設計無疑提供了更好的容錯能力，卻助紂了不少開發者隨意的編碼習慣。隨意的編碼風格最終致使項目代碼的可維護性低，新加入成員學習成本提升。爲了克服這一問題，強制約束編碼規範是第一層解決方案，咱們能夠參照 airbnb的編碼規範 ，讀一讀 編寫可維護的 javascript 。從本身作起，再到所再的團隊，力求全部編碼人員都是統一編碼風格，讓本身和閱讀本身程序的人節省出更多的時間。

合理的使用開發工具。開發工具爲前端開發提供了愈來愈多的便利，對於工具而言，無非是熟能生巧，因此對於一個開發人員慢慢積累本身掌握的開發工具是很重要的。能熟練的使用編輯器，提升本身的編碼速度；定義好代碼質量檢測插件，能約束本身寫出更規範的代碼；合理使用一些自動化構建工具，能讓本身避免不少重複性的工做。

在項目中積累。不斷有項目從本身手中通過，項目事後，咱們又該如何？善於總結的人總會去分析，汲取項目中精華之處，研究項目中所遇到困難，反思項目中不足之處。再想一想本身所經歷的項目，是不是在抱怨別人代碼不能看，四處碰壁，在網上搜點解決方案，艱難的完成以後就草草收場？我想有很大一部分人是這樣的，至少曾今的我是這樣的。最終，善於總結的人慢慢就與咱們拉開了差距，成爲咱們仰望的大牛～～

保持良好的心態。不要一直把本身沉浸在工做之中，學會放鬆本身。保持良好的心態，爲高效率，高質量的編碼提供基礎。

分享

vscode編輯器

微軟出品，開源免費，編碼神器

推薦插件:

• 代碼格式化: beautify

• 文件圖標: vsocde-icon

• eslint: eslint

• 文檔: add jsdoc comments

自動化構建 gulp + webpack

gulp負責任務集成，web pack完成commons瀏覽器化。

推薦插件:

• sass 編譯: gulp-sass

• css 圖片處理: gulp-base64

• 文件 md5 命名: gulp-rev

• 文件引用替換: gulp-rev-replace