99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

這篇文章主要講解了如何實現(xiàn)ts+vuecli4重構(gòu)項目，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會有幫助。

10年積累的網(wǎng)站設(shè)計、成都網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站策劃后付款的網(wǎng)站建設(shè)流程，更有潞城免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

項目背景：

一個以前的項目（ 剛?cè)肼殞嵙?xí)的時候?qū)懙模玫膙uecli2 ），然后這次要添加修改東西，看著代碼看的頭大，沖動之下就重構(gòu)了（ 想打死自己，寫的啥玩意 ），剛好用下最近剛學(xué)的typescript,從搭建開始，一步步更新記錄下，怕自己之后忘了再回過頭來看看。（ 順便說一句，用起來有點別扭，不過還是挺爽的，期待vue3.0... ）

一.項目搭建：

使用命令   vue create news 創(chuàng)建項目

配置自定義，貼一下我自定義的安裝依賴   

ts+vuex+router這幾個肯定是要的，這里的css我選擇的是scss，unit測試也來一個

之后一些的選項就自己選擇

3. 搭建好后目錄就是這樣

├── public             // 靜態(tài)頁面

├── src               // 主目錄

  ├── assets           // 靜態(tài)資源

  ├── components         // 組件

  ├── views            // 頁面

  ├── App.vue           // 頁面主入口

  ├── main.ts           // 腳本主入口

  ├── router.ts          // 路由

  ├── shims-tsx.d.ts       // 相關(guān) tsx 模塊注入

  ├── shims-vue.d.ts       // Vue 模塊注入

  └── store.ts          // vuex 配置

├── tests              // 測試用例

├── .eslintrc.js          // eslint 相關(guān)配置

├── .gitignore           // git 忽略文件配置

├── babel.config.js         // babel 配置

├── postcss.config.js        // postcss 配置

├── package.json          // 依賴

└── tsconfig.json          // ts 配置

文章名稱：如何實現(xiàn)ts+vuecli4重構(gòu)項目-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://www.ef60e0e.cn/article/dgsojp.html