情人节，程序员的三种表达方式，温馨/炫酷/神秘感全都有
作者：FancyPig | 发布时间： | 更新时间：
在线制作
您可以通过快捷入口直接在线制作，并分享给热心网友
快捷入口
获取贵宾注册码
关注微信公众号FancyPig，输入2601获取注册码
相关阅读
如果你也想搭建一个类似的在线制作网页的平台，可以参考下面的教程
交互式情人节页面
下面的需要您自己部署，先看演示效果
这个部署本身来自于vue框架，因此需要一些技术手段咯
你需要先下载Vscode（下载好安装后打开就行了），并安装node环境（详细操作步骤点这里），完成后打开vscode
打开文件夹，选择chat-want-to-say
新建终端
然后安装依赖，你可以使用yarn install或者npm install，前者速度会快一些
这里显示已经安装好依赖了
我们现在只需要yarn dev或者npm run serve就可以查看演示版了
详细的修改参数您可以参考下方
相关设置都修改好之后，我们可以进行打包了，使用yarn build或者npm run build
打包好的文件会存在dist路径下
上传到服务器里就好了
如果你不会打包，也可以直接用我们的打包版本，然后手动修改options/production路径下的chat.json文件便可以修改里面的对话了
相关源码下载
其他创意分享
你的源码写好之后上传到服务器上，可以尝试绑定一个中文域名
例如猪猪侠.cn，瞬间气质爆表了，当然群内很多用户都未满18岁，无法进行备案，而我们之前推荐的学生机是国内的，均需要进行备案。
因此，我们推荐大家可以使用国外的Vultr服务器，使用上面的链接可以白嫖100美元（相当于可以白嫖10-12个月）两者可以配合起来使用
炫酷文字动画页面
效果图
在线演示
工具下载
使用方法
本教程也将使用到vscode，因此您可以参考上面的教程中安装vscode及nodejs
打开文件夹，选择typeMonkey.js-master
选择终端>新建终端
然后安装依赖，可以使用yarn install或者npm install
测试环境也是npm run serve，最终打包npm run build
如果你不会上述操作，你可以直接使用打包版本，修改.lrc文件
lrc通常是歌词，我们其实加载的就是歌词，你可以修改里面的文案
最终效果就可以看到了
常见问题
如果出现MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题，1) 安装 .NET Framework 2.0 SDK；2) 安装 Microsoft Visual Studio 2005；或 3) 如果将该组件安装到了其他位置，请将其位置添加到系统路径中。
请运行下面命令安装windows相关组件
温馨提示：如果终端里运行不了你可以从cmd中运行
runas /noprofile /user:Administrator cmd
npm install --global --production windows-build-tools
希望今天的教程对你有所帮助，记得点赞评论哦