利用node.js實(shí)現(xiàn)自動(dòng)生成前端項(xiàng)目組件的方法詳解-創(chuàng)新互聯(lián)

本文主要給大家介紹了關(guān)于利用node.js實(shí)現(xiàn)自動(dòng)生成前端項(xiàng)目組件的相關(guān)內(nèi)容，分享出來(lái)供大家參考學(xué)習(xí)，下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹：

南平ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

腳本編寫背景

寫這個(gè)小腳本的初衷是，項(xiàng)目本身添加一個(gè)組件太繁瑣了，比如我想要去建立一個(gè)login的組件，那么我需要手動(dòng)去IDE中，創(chuàng)建index.js(組件出口文件)，login.js(業(yè)務(wù)文件)，login.html，login.less這四個(gè)文件。因?yàn)槊總€(gè)組件都有一些輸出的代碼，還要把之前組件的那幾行拷貝過(guò)來(lái)，這種作業(yè)真的煩，于是乎寫了一個(gè)小腳本去自動(dòng)完成這些功能。

PS:本腳本運(yùn)行環(huán)境是nodeV7以上，當(dāng)前時(shí)間2017/07，stable版本還是V6，最新的node版本為V8.1.3（LTS版本），如要運(yùn)行，請(qǐng)升級(jí)node版本為L(zhǎng)TS版本。

預(yù)期效果

在命令行輸入：node set login

在conponents文件夾下面自動(dòng)生成4個(gè)文件，并填寫index.js , login.js的文件公共內(nèi)容。

如果輸入多層文件如：node set login/foo

則會(huì)先檢測(cè)conponents文件夾下是否存在login，如不存在，先創(chuàng)建login文件夾，然后創(chuàng)建foo的組件。本腳本主要使用nodejs的fs模塊來(lái)完成需求。

fs模塊
fs模塊用于對(duì)系統(tǒng)文件及目錄進(jìn)行讀寫操作，本次主要用到的fs模塊的功能有：

• fs.existsSync(path)檢測(cè)文件夾是否存在，一個(gè)同步的API，只接受一個(gè)路徑參數(shù)，當(dāng)前版本異步的廢棄了。
• fs.mkdir(path,callback)創(chuàng)建文件夾，異步，兩個(gè)必填參數(shù)，路徑和回掉。
• fs.readFileSync(path)讀取文件，接受一個(gè)參數(shù)，文件路徑。
• fs.writeFile(path,data,callback)寫文件，接受三個(gè)參數(shù)，文件路徑，向文件中寫的數(shù)據(jù)，回掉。

代碼實(shí)施

流程圖

async function creatCpt() {
 try {
  await exists(); // 檢測(cè)文件夾
  await readFile(); // 讀取模板內(nèi)容
  await writeFile(await readFile()); //寫入組件
 }
 catch (err) {
  console.error(err);
 }
}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站muchs.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站欄目：利用node.js實(shí)現(xiàn)自動(dòng)生成前端項(xiàng)目組件的方法詳解-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://muchs.cn/article48/ddochp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、軟件開(kāi)發(fā)、網(wǎng)站排名、網(wǎng)站設(shè)計(jì)公司、虛擬主機(jī)、微信小程序

廣告

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