相信工作中大家都体验过把代码拉下来，安装依赖遇到各种奇葩问题的痛苦。
直到前些日子尝试在Vue3中使用tsx过程中，遇到node版本导致的兼容问题，文章连接，我才意识到线上运行项目的另一个重要价值。
直奔主题的说，github本身就提供了在线运行项目的机制,已sf-notes为例
技巧一: 打开网页版编辑器
按下"。"键 即可
webVSCodePreview.png
技巧二: 在线运行项目
在仓库URL地址中加入前缀"gitpod.io/#"，例如: https://gitpod.io/#/github.com/xiaodun/sf-notes , 如果是第一次则需要授权
选择第二个
loginGitpod.png
然后就会用web版的VSCode打开项目，自动安装依赖并启动项目
autoInstallAndStart.png
但sf-notes这个项目报了个错,暂时只能手动启动一下。
先执行npm run dev 启动前端代码。展开service/app，新建个终端，执行node service.js启动node后台代码
然后点击Local就可以看到效果了,链接类似这样: https://8000-xiaodun-sfnotes-6rk4ybkek2u.ws-us54.gitpod.io/
runEffect.png
当然啦，并不是所有功能都适用于在线运行的方式，比如sf-notes的添加项目功能要读取磁盘,监听项目启动、代码片段都和本地文件有密切关联。
网友评论