国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

基于vue-cli3.0的項目工程重新構建空白版，拿來即用

xingpingz / 2770人閱讀

摘要：寫在前面使用框架開發時，很多人會選擇官方提供的腳手架，最新的已經更新到完全無配置，只需下載就能方便的使用構建的項目工程，但基礎的并不能滿足正常的項目開發，在開發中我們需要根據自己的習慣和業務功能而添加些基礎功能。

寫在前面

使用vue框架開發時，很多人會選擇vue官方提供的cli腳手架，最新的cli已經更新到3.0完全無配置，只需下載就能方便的使用vuecli構建的項目工程，但基礎的cli并不能滿足正常的項目開發，在開發中我們需要根據自己的習慣和業務功能而添加些基礎功能。

我在vuec-li3的基礎之上重新做了些構建，分為pc，移動兩版，主要區別是移動版添加了分辨率適配，本項目為空白版，拿來即用，省卻每次手動構建項目工程！！

GitHub查看項目內容 https://github.com/wwenj/vueC...

PC

pc版安裝了elementUI做統一UI展示

安裝scss寫樣式

移動

移動端適配：本項目使用vw單位統一對分辨率做適配，在vuecli工程里，根據大漠的《如何在Vue項目中使用vw實現移動端適配》用webpack中做配置。

基礎配置

svg組件：

文件在src/icons/中，組件在component公共組件中封裝用于svg展示組件，用做小icon的展示，svg保存在icons/下，使用時組件中調用即可

css樣式：

在src/style/中，全局公共樣式，初始化樣式。

路由與vuex

對vue router和vuex做了相同的模塊化處理，在router/和store/中統一寫路由和vuex相關信息，可按功能分模塊引入

請求攔截與封裝

使用axios做請求，在src/request/http.js中做了封裝，用axios攔截器對請求和響應做統一攔截，處理每次請求的token信息或者響應狀態碼

對axios請求進行簡單封裝get，post請求，統一傳參，響應后傳回一個promise對象，在src/request/api.js中將每個接口封裝，對外暴露請求改接口的方法名，返回一個promise，組件中直接調用api.js中的方法名即可

工具類

在src/utils/中，對常用枚舉值、全局組件注冊、常用類功能模塊做模塊化封裝

vue.config.js

vuecli3隱藏所有配置，添加新配置項目中新建vue.config.js文件，本項目在其中加了一些常用配置，文件夾的別名，代理，打包路徑等

Eslint

eslint使用默認規則，在vscode編輯器中配合eslint插件的保存自動修復功能，每次保存后會按照eslit規則自動修復

目錄結構

src/views文件下寫業務模塊，src/components寫公共基礎組件

寫在結尾

本項目只是根據自己開發習慣整理的一套基于vuecli3的重新構建項目，為了讓開發更方便，清晰，每次寫新項目，個人項目，寫demo下載即用，比較方便，如有問題歡迎指教

GitHub查看項目內容 https://github.com/wwenj/vueC...

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106380.html

相關文章

  • 基于webpack模仿vue-cli（簡略版）工程化

    摘要：但高度封裝的帶來方便的同時，很多人卻很少去關注輪子的內部結構，以至于當使用需要手動配置一些東西如編譯實現代碼壓縮，移動端適配等配置的時候往往無從下手。廢話不多說，下面我們來看看如何基于模仿實現項目工程化。 從零搭建vue-cli 原創不易，如需轉載請聯系作者并注明出處 vue-cli的出現為vue工程化前端開發工作流提供了開箱即用的構建配置，減輕了煩人的webpack配置流程。但高度封...

    GitCafe 評論0 收藏0

  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0

  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0

  • vue-cli3.0初體驗～

    摘要：比如傳遞給時，使用。為所有的及其預處理文件開啟。在生產環境下為和使用在多核機器下會默認開啟。是否使用分割供應的包也可以是一個在包中引入的依賴的顯性的數組。查閱配置行為。 之前因為parcel的出現，webpack也跟進了零配置vue-cli自然也不能落下,cli3.0也升級到webpack4，并增加許多新特性 安裝并創建一個項目 支持npm和yarn npm install -g @v...

    AlphaWallet 評論0 收藏0

發表評論

0條評論

xingpingz

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<