Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 8 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,20 @@
# openteenscore.github.io
# OpenTeens 青少年开源社区官网
OpenTeens Website: openteens.org

# how to build in vscode
# How to build in vscode / 怎么在vsc中调试

这个网站我用了一个很hackish的方法——404 redirect。所以它可能没办法用传统方法build/调试
为了实现动态路由,这个网站我用了一个很hackish的方法——404 redirect。所以它可能没办法用传统的静态方法开发调试


1、下载一个插件,叫做live server
1、安装一个插件,叫做live server
![mmexport1699751761314](https://github.com/OpenTeensCore/openteenscore.github.io/assets/88757735/252f562b-1736-4747-a1a6-bdbf7cff01ad)


2、搜索他的设置,将默认404页面改为`/404.html`
2、搜索该插件的扩展设置,将默认404页面改为`/404.html`
![mmexport1699751775916](https://github.com/OpenTeensCore/openteenscore.github.io/assets/88757735/ba9e5f0b-7f44-44ac-8714-8fcdc4d012ec)


3、你可能需要重启vscode,然后开启live server,就可以了
3、重启vscode,确保404.html在项目根目录下面,然后开启live server,就可以正常调试了


(生产环境请使用专业web服务器,本地调试也可以选择自部署Nginx或Apache服务达到相同效果)