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

10年積累的網(wǎng)站設(shè)計、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(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è)肼殞?shí)習(xí)的時候?qū)懙模玫膙uecli2 ），然后這次要添加修改東西，看著代碼看的頭大，沖動之下就重構(gòu)了（ 想打死自己，寫的啥玩意 ），剛好用下最近剛學(xué)的typescript,從搭建開始，一步步更新記錄下，怕自己之后忘了再回過頭來看看。（ 順便說一句，用起來有點(diǎn)別扭，不過還是挺爽的，期待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 配置

網(wǎng)頁名稱：如何實(shí)現(xiàn)ts+vuecli4重構(gòu)項目-創(chuàng)新互聯(lián)
分享鏈接：http://www.rwnh.cn/article28/dgsojp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、品牌網(wǎng)站制作、品牌網(wǎng)站設(shè)計、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)