資訊專欄INFORMATION COLUMN
摘要：好的項(xiàng)目代碼結(jié)構(gòu)會(huì)大大提升項(xiàng)目的維護(hù)性和可擴(kuò)展性。多說無益，我這里直接給大家一個(gè)示意圖，大家可以按照我給的這個(gè)項(xiàng)目結(jié)構(gòu)組織項(xiàng)目。你連文件目錄都設(shè)計(jì)不好，我拿什么相信你能設(shè)計(jì)出來可擴(kuò)展的程序
很多人都會(huì)用項(xiàng)目腳手架，也會(huì)跑hello world，然后再寫寫簡單的todolist。但是再往下深入就難了。比如很多教程和老師都會(huì)說，大家要多問一個(gè)為什么。其實(shí)我想說多問你妹啊。我都不知道問為什么怎么多問？！比如如果我不說，很少有人會(huì)去思考和研究為什么vue的項(xiàng)目目錄要如此設(shè)計(jì)，這么做好處。
先不說說別的，我們先看看vue的目錄，一圖抵萬言，不墨跡。
好的項(xiàng)目代碼結(jié)構(gòu)會(huì)大大提升項(xiàng)目的維護(hù)性和可擴(kuò)展性。同時(shí)我們可以提供友好的說明，以便其他成員理解項(xiàng)目和快速定位。
其實(shí)有一點(diǎn)比較重要，就是公共組件、工具等同類的文件，放置一起維護(hù)會(huì)比較好。而且還有個(gè)小 技巧，我們可以在搭建項(xiàng)目的時(shí)候，在 README.md 里面描述下該項(xiàng)目下的代碼和文件結(jié)構(gòu)。
多說無益，我這里直接給大家一個(gè)示意圖，大家可以按照我給的這個(gè)項(xiàng)目結(jié)構(gòu)組織項(xiàng)目。
這里我強(qiáng)調(diào)兩點(diǎn)，
1.第一點(diǎn)注意每一個(gè)組件的大小寫。
2.注意每個(gè)組件所用到的圖片的位置。
很多人寫組件的時(shí)候被命名或者大小寫或者分隔符弄的暈頭轉(zhuǎn)向，這里我就說說代碼規(guī)范。
代碼規(guī)范其實(shí)是團(tuán)隊(duì)合作中最重要的地方，使用相同的代碼規(guī)范，會(huì)大大減少我們接手別人代碼時(shí)候臥槽的次數(shù)。
好的寫碼習(xí)慣很重要，命名習(xí)慣、適當(dāng)?shù)淖⑨?，?huì)對代碼的可讀性有很大的提升。但是習(xí)慣是每個(gè)人都不一樣，所以在此之上，我們需要有這樣統(tǒng)一的代碼規(guī)范。
一些工具可以很好地協(xié)助我們，像 Eslint、Tslint等，加上代碼的打包工具協(xié)助，可以把一些規(guī)范強(qiáng)行標(biāo)準(zhǔn)化，來獲取代碼的統(tǒng)一性。還有像 prettier 這樣的工具，能自動(dòng)在打包的時(shí)候幫我們進(jìn)行代碼規(guī)范化。
除了這些簡單的什么駝峰啊、全等啊、單引雙引等基礎(chǔ)的規(guī)范，其實(shí)更重要的是流程規(guī)范。最基礎(chǔ)的是改動(dòng)公共庫或是公共組件的時(shí)候，需要進(jìn)行 code review。通常我們使用 Git 維護(hù)代碼，這樣在合并或是版本控制上有更好的體驗(yàn)。
但其實(shí)最重要的還是溝通，溝通是一個(gè)團(tuán)隊(duì)里必不可少同時(shí)很容易出問題的地方，要學(xué)會(huì)溝通方式、表達(dá)方式。
很多人覺得命名了或者項(xiàng)目目錄了這些不重要，非得把復(fù)雜的功能實(shí)現(xiàn)出來才牛逼，這才是技術(shù)大?；蛘吣X袋上閃耀著光環(huán)的架構(gòu)師的范兒。其實(shí)，項(xiàng)目的維護(hù)所有程序員都需要，而且要想成為一個(gè)架構(gòu)師，你寫的代碼別人是否能看得，用著舒服，架構(gòu)是否健壯可擴(kuò)展，這些是基本功。你連文件目錄都設(shè)計(jì)不好，我拿什么相信你能設(shè)計(jì)出來可擴(kuò)展的程序？
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103482.html
摘要：隨著智能設(shè)備的普及使得高并發(fā)場景越來越多，可擴(kuò)展成為系統(tǒng)設(shè)計(jì)的必要條件，下面分別介紹下可擴(kuò)展系統(tǒng)的四個(gè)重要組成部分一負(fù)載均衡可擴(kuò)展性冗余容錯(cuò)水平擴(kuò)展負(fù)載能力和增加硬件呈線性關(guān)系。目前大多數(shù)互聯(lián)網(wǎng)公司均采用軟件負(fù)載均衡。 肖立鵬原來在騰訊云做架構(gòu)師，目前在Udesk擔(dān)任CTO職位。下面是他分享的Udesk在可擴(kuò)展高并發(fā)架構(gòu)方面的一些實(shí)踐經(jīng)驗(yàn)。 隨著智能設(shè)備的普及使得高并發(fā)場景越來越多，...
摘要：項(xiàng)目目錄規(guī)劃因?yàn)楹涂蚣芏际腔讵?dú)立的組件所以我們可以對項(xiàng)目的目錄做出自由的規(guī)劃在這里我們便規(guī)劃一個(gè)遵循一般的結(jié)構(gòu)的項(xiàng)目目錄為了項(xiàng)目的易維護(hù)性和高可用性我們盡量采取成熟的架構(gòu)分離業(yè)務(wù)模塊這里就借鑒界最火爆的框架拉的設(shè)計(jì)思想做出簡單的涉設(shè)計(jì)架構(gòu) go web項(xiàng)目目錄規(guī)劃 因?yàn)?gorose orm 和 dotweb 框架 都是基于獨(dú)立的組件, 所以我們可以對項(xiàng)目的目錄做出自由的規(guī)劃. 在...
摘要：還有一點(diǎn)比較重要的是，如何在快速迭代的軟件開發(fā)周期內(nèi)，去解放生產(chǎn)力。于是就會(huì)大量涌現(xiàn)很多優(yōu)秀的開源框架和擴(kuò)展庫，去解決現(xiàn)實(shí)生活中的實(shí)際問題。而這一切都是在朝著提高開發(fā)效率，降低維護(hù)成本而前進(jìn)。結(jié)合書中的觀點(diǎn)去總結(jié)和思考。 關(guān)于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 簡單小巧的核心（代碼壓縮后大...
摘要：還有一點(diǎn)比較重要的是，如何在快速迭代的軟件開發(fā)周期內(nèi)，去解放生產(chǎn)力。于是就會(huì)大量涌現(xiàn)很多優(yōu)秀的開源框架和擴(kuò)展庫，去解決現(xiàn)實(shí)生活中的實(shí)際問題。而這一切都是在朝著提高開發(fā)效率，降低維護(hù)成本而前進(jìn)。結(jié)合書中的觀點(diǎn)去總結(jié)和思考。 關(guān)于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 簡單小巧的核心（代碼壓縮后大...
摘要：可以使用或來安裝我用來重新嘗試一次對速度表示不理想的可以嘗試淘寶的不要過度依賴中可以寫成放哪都行，可以寫成可以寫成看到這個(gè)畫面，安裝完成了。 初步搭建腳手架 Tips 任何不錯(cuò)的開源項(xiàng)目都有 project-cli 腳手架、我們用它生成往往能快速配制出最佳的、理想的腳手架 我通常使用 cli 生成項(xiàng)目骨架再在之基礎(chǔ)上進(jìn)行個(gè)人修改。 什么是 CLI 命令行界面（英語：command-li...
閱讀 2797·2021-09-23 11:44
閱讀 1684·2021-09-13 10:24
閱讀 2634·2021-09-08 09:36
閱讀 1241·2019-08-30 15:54
閱讀 2262·2019-08-30 13:54
閱讀 3323·2019-08-30 10:57
閱讀 1859·2019-08-29 18:43
閱讀 3627·2019-08-29 15:10
