脚本生成vue模版组件

​ 以一个简单的项目为例,文件夹布局如下所示

编写模版文件

​ 在template文件夹中新增模板文件index.js, 内容分别如下:

module.exports = {
   
  vueTemp: (compName) => {
   
		return `<template>
  
</template>

<script>
    export default {
        name: '${
     compName}'
    }
</script>

<style scoped lang="scss">

</style>`
	},
  entryTempL: (compName) => {
   
    return `import ${
     compName} from './index.vue';
export default ${
     compName}`
  }
}

可以看出向外暴露了两个属性模板,需要时引入即可;

新建generateComponent.js文件

• 写入数据到新的文件方法

  function generateComponent = (path, data) {
       
    if (fs.existsSync(path)) {
       
      errorLog(`${
         path}文件已存在`)
    }
    
    return new Promise((res, rej) => {
       
      fs.writeFile(path, data, 'utf8', (err) => {
       
        if (err) {
       
          errorLog(err.message)
          rej(err)
        } else {
       
          res(true)
        }
      })
    })
  }
  

• 获取输入的字符: