代碼的復用是一件很常見的事情，如果是公共代碼的復用那還好說，直接做成一個內部私有庫，想用的話安裝一下 npm包就行了，但是業務代碼的復用就不好做成包了，一般都是復制粘貼

創新互聯主營仙游網站建設的網絡公司,主營網站建設方案,app開發定制,仙游h5微信小程序定制開發搭建,仙游網站營銷推廣歡迎仙游等地區企業咨詢

我一般寫代碼的時候，如果覺得某段業務代碼以前見過其他人寫過，那么考慮到業務優先性，只要別人的代碼不是寫得太爛，我一般會優先抄別人的代碼，省得自己再寫一遍

然后我就遇到了一個問題，公司目前前端項目大部分都是 vue，早期沒有 ts這個說法，后來新項目才逐漸引入 ts，所以新項目用的是 vue-ts，而一般想抄的老代碼都是沒有引入 ts的，固然，這二者是可以兼容存在的，但對于有著輕微代碼潔癖的我來說，還是不想看到同一個項目代碼里摻雜著 ts和非 ts兩種寫法的，所以只要有時間，我都會盡量手動把老代碼轉化為 ts規范的
難度倒是沒多少，只不過每一份都要手動轉一遍，轉得多了我忽然陷入沉思，我好像 repeat myself了啊，不太能忍，于是決定寫一個自動將 vue-js轉成 vue-ts的工具

這個工具的代碼已經被我放到 github 上了，并且為了方便使用，我已經將其做成了一個 npm 包，感興趣的可以親自試一下

@babel

涉及到 js語法轉換的東西，第一時間想到的就是 babel了，babel早就提供了豐富完善的 js語法的解析與反解析工具

@babel/parser

@babel/parser 是負責解析 js語法的工具，可以理解為將 js語法轉化為 ast，方便開發者進行自定義處理，通過 plugins來支持多種 js語法，例如 es6、es7、ts、flow、jsx甚至是一些實驗室的語法(experimental language proposals)等

例如：

const code = 'const a = 1'
const ast = require("@babel/parser").parse(code)

網頁標題：vue語法自動轉typescript(解放雙手)-創新互聯
本文來源：http://www.js-pz168.com/article2/cohhic.html

成都網站建設公司_創新互聯，為您提供網站策劃、面包屑導航、動態網站、微信小程序、手機網站建設、標簽優化

廣告

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