開(kāi)發(fā)小程序每次新建一個(gè)組件都需要新建多個(gè)文件，所以寫(xiě)了一個(gè)腳本可以快速創(chuàng)建文件夾和文件

1、創(chuàng)建scripts文件夾，新建一個(gè)template.js文件

隨便建哪里，package地址寫(xiě)對(duì)就好了

2、template.js

const fs = require('fs')

const dirName = process.argv[2] // 獲取文件夾名字
const capPirName = dirName.substring(0, 1).toUpperCase() + dirName.substring(1) // 首字母轉(zhuǎn)大寫(xiě)
if (!dirName) {
  console.log('文件夾名稱(chēng)不能為空！')
  console.log('示例：npm run tep test')
  process.exit(0)
}

// wxml頁(yè)面模板
const indexTep = `
<view class="${capPirName}">
    ${capPirName}
</view>
`

// sass文件模版
const sassTep = `
.${dirName} {
}
`
// wxss文件模版
const wxssTep = `
.${dirName} {
}
`
// json文件模版
const jsonTep = `
{
  "component": true,
  "navigationBarTitleText": "${dirName}"
}
`

// js文件模版
const jsTep = `Component({
  data: {},
  methods: {
    onShow() {
      console.log('${dirName}')
    },
  },
})
`
fs.mkdirSync(`./miniprogram/pages/${dirName}`) // 創(chuàng)建文件夾
process.chdir(`./miniprogram/pages/${dirName}`) // cd進(jìn)文件夾

fs.writeFileSync(`${dirName}.wxml`, indexTep) // wxml
fs.writeFileSync(`${dirName}.scss`, sassTep) // sass
fs.writeFileSync(`${dirName}.wxss`, wxssTep) // sass
fs.writeFileSync(`${dirName}.json`, jsonTep) // json
fs.writeFileSync(`${dirName}.js`, jsTep) // js
process.exit(0) // 終止進(jìn)程

3、package.json

 "scripts": {
    "sass": "gulp",
    "tep": "node miniprogram/scripts/template"
  },