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

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

腳本編寫背景

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

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

預(yù)期效果

在命令行輸入：node set login

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

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

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

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

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

代碼實施

流程圖

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

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

當(dāng)前文章：利用node.js實現(xiàn)自動生成前端項目組件的方法詳解-創(chuàng)新互聯(lián)
URL標題：http://weahome.cn/article/ddochp.html