使用nodejs脚本快速生成用户代码片段

代码片段

• 作用：一键生成模板代码，无需再次手动重复做无用功，节省时间

如何设置用户代码

请出门右拐 ** 一下 哈

nodejs 脚本代码

const fs = require('fs')
const readline = require('readline')
const path = require('path')
const filePath = path.resolve(__dirname, './code.vue')

function readFileToArr(fReadName, callback) {
	const fRead = fs.createReadStream(fReadName)
	const Readliner = readline.createInterface({
		input: fRead
	})
	let arr = new Array()

	Readliner.on('line', function (line) {
        line = line.replace(/"/g, '\\"')
        arr.push(`"${line}"`)
	})

	Readliner.on('close', function () {
		callback(arr)
	})
}
const targetPath = path.resolve(__dirname, './code.json')

readFileToArr(filePath, (data) => {
    data = data.join(',\n')
    fs.writeFile(targetPath, data, 'utf-8', (err) => {
        if (err) console.log(err)
    })
})

说明

这里因为是自用脚本，用来生成vue代码片段的，非通用
上述代码适用于使用了如下规范的 vue sfc 代码

1. 模板代码的属性是使用了 双引号
2. js 代码字符串使用 单引号

使用

1. 配置一下源文件路径 和 最终生成格式化代码存放的文件的路径
2. 执行完毕之后，复制生成的代码到代码片段文件即可