【Github推荐】qwerty-learner 2024-02-03 Github开源项目 無 <h1 style="text-align: left;">Github有趣开源项目推荐No.1— qwerty-learner</h1><h2 style="text-align: left;">简单的介绍🎶:<br/></h2><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei";">为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei";">👍项目地址:<a href="https://github.com/RealKai42/qwerty-learner" target="_blank" title="项目地址">Github-qwerty-learner</a></span></p><p style="text-align: left;">😘演示站:<a href="http://qwerty.bestuss.cn/" target="_blank" title="由 困了就睡告😴 搭建">演示站</a></p><p style="text-align: left;">✌️项目截图</p><p style="text-align:center"><img src="/usr/uploads/2024/02/04/1706976520186337.png" title="1706976520186337.png" alt="image.png"/></p><hr/><h2>🤗如何在Centos 7系统 宝塔面板上运行</h2><p>本项目是基于<span style="text-decoration: underline;"><strong>React</strong></span>开发的,需要 <span style="text-decoration: underline;"><strong>no</strong></span><span style="text-decoration: underline;"><strong>de </strong></span>环境来运行。</p><h3>😎安装node.js管理器<br/></h3><p>在宝塔面板侧边栏选择网站->在上方选择Node项目,按照提示安装。安装完成后点击版本管理器安装node.js,我这里安装的是 v16.20.2 。</p><h3>😛创建文件夹拉取项目<br/></h3><p>在wwwroot文件夹下创建一个文件夹命名随意(e.g. qwerty-learner),进入文件夹qwerty-learner,点击终端,如图:</p><p><img src="/usr/uploads/2024/02/04/1706977830204177.png" title="1706977830204177.png" alt="image.png"/></p><p>进入终端后输入</p><pre class="brush:ps;toolbar:false">git clone https://github.com/RealKai42/qwerty-learner.git</pre><p>等待项目拉取,拉取结束后,将会在你的文件夹下创建一个名为qwerty-leaner的文件夹。</p><h3>😶🌫️部署项目😶🌫️<br/></h3><p>回到Node项目的位置,点击创建Node项目,根据提示填写,启动项自动获取,端口填写5173,版本选择你之前安装的node.js的版本,绑定域名自选<br/></p><p>(该图为已经部署好的结果,与最初部署有出入)</p><p><img src="/usr/uploads/2024/02/04/1706978257257112.png" title="1706978257257112.png" alt="image.png"/></p><p>填写好后提交,等待安装依赖包,安装好后就可以运行。</p><h2>💕贴心Tips</h2><ul style="list-style-type: disc;" class=" list-paddingleft-2"><li><p>如果出现运行错误,可到项目文件夹下点击终端,输入 yarn install 等待安装后尝试重新启动</p></li><li><p>确保宝塔面板防火墙正常运行,以及宝塔面板防火墙和服务器防火墙都放行5173端口</p></li><li><p>可以在项目设置中绑定域名以及外网映射</p></li></ul><hr/><h1><span style="font-family: 微软雅黑, "Microsoft YaHei";"> <span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">感谢阅读</span></span></h1><p style="text-align: center;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><img src="http://img.baidu.com/hi/jx2/j_0001.gif"/></span></p> Loading content...