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

創(chuàng)新互聯(lián)主營仙游網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app開發(fā)定制,仙游h5微信小程序定制開發(fā)搭建,仙游網(wǎng)站營銷推廣歡迎仙游等地區(qū)企業(yè)咨詢

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

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

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

@babel

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

@babel/parser

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

例如：

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

網(wǎng)頁標(biāo)題：vue語法自動轉(zhuǎn)typescript(解放雙手)-創(chuàng)新互聯(lián)
本文來源：http://chinadenli.net/article2/cohhic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、面包屑導(dǎo)航、動態(tài)網(wǎng)站、微信小程序、手機網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化

廣告

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