下面是我搭建項(xiàng)目的步驟和習(xí)慣目錄冒冬,記錄一下會(huì)做什么伴逸,怎么做
步驟
從頭開(kāi)始創(chuàng)建一個(gè)項(xiàng)目缠沈,我大致會(huì)做的的:項(xiàng)目構(gòu)建,引入必要的插件错蝴,注意常用的代碼規(guī)范和提交規(guī)范洲愤,準(zhǔn)備常用的庫(kù)和組件
1.目前vue2的項(xiàng)目我一般使用vue-cli創(chuàng)建項(xiàng)目
2.引入必要的插件:路由vue-router,狀態(tài)管理vuex顷锰,http工具一般使用axios
3.代碼規(guī)范:eslint
4.提交規(guī)范:可以使用husky禽篱,lint-staged,commitlint
5.常用庫(kù)和組件:ui庫(kù)我經(jīng)常用element ui或者是vant
目錄結(jié)構(gòu)
public:用來(lái)放一些諸如 頁(yè)頭icon 之類的公共文件馍惹,會(huì)被打包到dist根目錄下
src:用來(lái)放項(xiàng)目代碼文件
assets:用來(lái)放一些 CSS 之類的靜態(tài)資源
components:用來(lái)放項(xiàng)目通用組件
router:用來(lái)放項(xiàng)目的路由配置
store:用來(lái)放狀態(tài)管理vuex的配置
units:用來(lái)放項(xiàng)目中的工具方法類
views:用來(lái)放項(xiàng)目的頁(yè)面文件