0.0.18 • Published 4 months ago

i18-fe-automator v0.0.18

Weekly downloads
-
License
MIT
Repository
-
Last release
4 months ago

介绍

前端代码国际化工具,自动转换$hxt格式。

安装

npm i i18-fe-automator -g

使用

在项目根目录执行下面命令

fe-it

指令参数

参数类型默认值描述
-i, --inputString'src'指定待提取的文件目录。
-v,--verboseBooleanfalse控制台打印更多调试信息

vue 转换示例

转换前

<template>
  <div :label="'标签'" :title="1 + '标题'">
    <button @click="handleClick('信息')">点击</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('你好')
    },
  },
}
</script>

转换后

这里的ce5b42是6位hash随机数,以页面路径唯一,用来区分同一个项目下不同页面的相同中文情况,方便产品进行处理

<template>
  <div :label="$hxt({key: 'ce5b42-label', desc:'标签'})" :title="1 + $hxt(${key: 'ce5b42-title', desc: '标题'})">
  </div>
</template>
<script>
export default {
  methods: {
    handleClick() {
      console.log($hxt({key: 'ce5b42-hello', desc: '你好'}))
    },
  },
}
</script>

开发指南

给用户看的普通日志,log.info(), log.success() -v: 给用户看的更多日志,log.verbose() -d: 给开发者看的debug日志,log.debug()