打字学英语！一款开源单词与文章练习工具！
<p>大家好，我是 <code>Java陈序员</code>。</p><p>对于英语学习，很多人都卡在“背单词”这一关：背了忘、忘了背，明明花了大量时间，效果却微乎其微。</p>
<p>其实问题不在于努力，而在于方法 —— 传统的“看 + 读”属于被动输入，记忆留存率极低。</p>
<p>今天，给大家介绍一款开源英语单词与文章练习工具，通过“打字”完成单词/文章的学习，用主动输入替代被动记忆！</p>
<blockquote>
<p>关注微信公众号：【Java陈序员】，获取<strong>开源项目分享、AI副业分享、超200本经典计算机电子书籍等。</strong></p>
</blockquote>
<h2 id="项目介绍">项目介绍</h2>
<p><code>TypeWords</code> —— 一款开源的单词与文章练习工具，使用按键输入的方式学习英语，通过更智能的记忆方式实现高效学习，界面简洁且功能丰富。</p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318222231.png"></p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318222246.png"></p>
<p><strong>功能特色</strong>：</p>
<ul>
<li><strong>海量词库</strong>：内置小学、初中、高中、四六级、考研、雅思、托福、GRE、GMAT、SAT、BEC、专四、专八等词库</li>
<li><strong>多模式练习</strong>：支持跟打、听写、自测、默写 4 种核心模式，还分智能模式（基于记忆曲线自动筛选待学单词，越错越练）和自由模式（自主规划学习节奏）</li>
<li><strong>灵活导入素材</strong>：内置经典教材文章，也可一键添加/导入自定义词典和文章，支持双语对照和一键翻译</li>
<li><strong>个性化学习</strong>：输入错误的单词自动归入错词本，手动标记“已掌握”的单词自动跳过，重点词可收藏，支持定制个性学习计划和多种复习策略</li>
<li><strong>高度自定义</strong>：支持自定义键盘音效、快捷键，界面简洁无干扰</li>
<li><strong>简洁高效</strong>：工具完全开源免费，支持私有部署，简洁设计，界面清爽，操作简单，不强制关注任何平台</li>
</ul>
<p><strong>技术栈</strong>：Nuxt + Vue3 + TypeScript</p>
<h2 id="快速上手">快速上手</h2>
<p><code>TypeWords</code> 官方提供了在线体验地址，可直接打开体验：</p>
<pre><code class="language-bash">https://typewords.cc/
</code></pre>
<p>也可以使用 Docker 自行部署到服务器。</p>
<ul>
<li>Docker 命令直接运行</li>
</ul>
<pre><code class="language-bash"># 拉取镜像
docker pull zyronon/typewords:latest
# 运行容器
docker run -d -p 3000:80 --name typewords zyronon/typewords:latest
</code></pre>
<ul>
<li>Docker Compose 运行</li>
</ul>
<pre><code class="language-bash"># 克隆或下载项目源码
git clone https://github.com/zyronon/TypeWords.git
# 使用 docker-compose 启动
docker-compose up -d
# 停止服务
docker-compose down
</code></pre>
<ul>
<li>本地构建 Docker 镜像运行</li>
</ul>
<pre><code class="language-bash"># 克隆或下载项目源码
git clone https://github.com/zyronon/TypeWords.git
# 构建 Docker 镜像
docker build -t typewords .
# 运行容器
docker run -d -p 3000:80 --name typewords typewords
</code></pre>
<p>服务运行成功后，浏览器访问地址即可开始使用：</p>
<pre><code class="language-bash">http://{IP/域名:3000}
</code></pre>
<h2 id="功能体验">功能体验</h2>
<ul>
<li><strong>词典列表</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318221705.png"></p>
<ul>
<li><strong>单词练习</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318221737.png"></p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318221808.png"></p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318221827.png"></p>
<ul>
<li><strong>错词本</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318221900.png"></p>
<ul>
<li><strong>文章练习</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318221948.png"></p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318222006.png"></p>
<ul>
<li><strong>设置中心</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318222123.png"></p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318222140.png"></p>
<ul>
<li><strong>学习资料</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/TypeWords/img-20260318222207.png"></p>
<h2 id="本地开发">本地开发</h2>
<blockquote>
<p>工具依赖 Node.js 环境，需提前安装 Node.js.</p>
</blockquote>
<p>1、克隆或下载项目源码</p>
<pre><code class="language-bash">git clone https://github.com/zyronon/TypeWords.git
</code></pre>
<p>2、进入项目目录并安装依赖</p>
<pre><code class="language-bash">cd TypeWords
pnpm install
</code></pre>
<p>3、运行服务</p>
<pre><code class="language-bash">pnpm run dev
</code></pre>
<p>4、服务启动成功后，浏览器访问</p>
<pre><code class="language-bash">http://localhost:5567/
</code></pre>
<p>可以说，<code>TypeWords</code> 适合需要通过“主动输入”强化英语单词/文章记忆的用户，覆盖学生、备考人群等各类英语学习者的需求。快去部署体验吧~</p>
<pre><code class="language-bash">项目地址：https://github.com/zyronon/TypeWords
</code></pre>
<h2 id="最后">最后</h2>
<p>推荐的开源项目已经收录到 <code>GitHub</code> 项目，欢迎 <code>Star</code>：</p>
<pre><code>https://github.com/chenyl8848/great-open-source-project
</code></pre>
<p>或者访问网站，进行在线浏览：</p>
<pre><code>https://chencoding.top:8090/#/
</code></pre>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/github/img-20250608222400.png"></p>
<p><strong>我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目</strong>。</p>
<p><strong>但是任何人在群里打任何广告，都会被 T 掉</strong>。</p>
<p><strong>如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群</strong>：</p>
<p><strong>关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群</strong>。</p>
<blockquote>
<p>大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！</p>
</blockquote>
<hr><br><br>
来源：https://www.cnblogs.com/codechen8848/p/19738920
頁:
[1]