node脚本，找出“.vue“组件中所有中文

最新推荐文章于 2024-12-20 11:43:14 发布

原创最新推荐文章于 2024-12-20 11:43:14 发布 · 834 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js #node.js

文章介绍了一个针对Vue项目的解决方案，通过Node.js的fs模块遍历目录，查找.vue文件中的中文文字，利用正则表达式匹配并记录到translateFiles.txt文件中，以便进行国际化处理。此方法适用于需要从大量组件中快速提取本地化文本的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：vue项目突然要求国际化，很多文字都是写死在组件中，找起来很麻烦。

需求：找出项目中".vue"组件中所有中文文字

使用：在cmd中 node run.js
当前目录生成 translateFiles.txt

新建run.js 文件复制以下代码


const fs = require('fs')

/*
fs.stat               检测是文件还是目录
fs.mkdir              创建目录
fs.writeFile          创建写入文件
fs.appendFile         追加文件
fs.readFile           读取文件
fs.readdir            读取目录
fs.rename             重命名  1,表示重命名 2,移动文件
fs.unlink             删除文件
fs.rmdir              删除目录
*/

// 相对路径 目录地址
const path = '../views/'

// 是否为目录
function isDir(path) {
  return new Promise((resolve, rejects) => {
    fs.stat(path, (err, stats) => {
      if (err) {
        console.error(err)
        return
      }
      if (stats.isDirectory()) {
        resolve(true)
      } else {
        resolve(false)
      }
    })
  })
}

// 读取目录文件
const redPath = (path) => {
  fs.readdir(path, (err, data) => {
    if (err) {
      console.error(err)
      return
    }
    data.forEach(async (item) => {
      let pathItem = path + item
      if (!(await isDir(pathItem))) {
        ocrText(pathItem)
      } else redPath(pathItem + '/')
    })
  })
}

// 识别文字
const ocrText = (pathItem) => {
  const reg = /['"][\u4e00-\u9fa5]+.*['"]/g
  const res = fs.readFileSync(pathItem, 'utf8')
  const lines = res.split(/\r?\n/)
  append('\n 路径：' + pathItem)
  lines.forEach((item) => {
    if (item.match(reg)) {
      append(item.match(reg)[0])
    }
  })
}

// 读入文件内容
const append = (text) => {
  fs.appendFile('./translateFiles.txt', '\n' + text, (err) => {
    if (err) {
      console.log(err)
      return
    }
    console.log('写入成功')
  })
}

redPath(path)

translateFiles.txt 效果可通过优化正则去除多余代码