“开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 10 天，点击查看活动详情”
0 环境
- 编辑器：pycharm或者vscode
- 系统版本：windows10
- 编辑器版本：最新
- 浏览器：谷歌
- node版本：NodeJS 12.22.0+
- Python版本：3.7+
- node官网：nodejs.org/en/
1 文档
2 目录结构
请结合上面的官方文档看。当你正确的进入，并且回车了pc init的命令后，会出现如下图的目录结构，第一个是官方的，比较直观，第二个是我创建的项目，相互对比着看：
当然在你运行的时候，还会出现pynecone.db。
1 .web目录
翻译一下官方说的话： Pynecone 前端编译为 NextJS 应用程序。输出存储在 .web 目录中。您永远不需要触摸此目录，但它对于调试很有用。每个Pynecone页面将编译为.web/pages目录中的相应.js文件。 简单理解就是将我们写的py最终转化为js文件，挂载到pages中，而NextJS是启动这些js文件的服务。也就说现在知道为啥要安装NodeJS了吧。具体的看看package.json，也就能理解现在知道为啥要NodeJS版本大于12.22.0了吧。具体的看NextJS官网。简单拓展一下，如下图：
那么怎么确定我用的就是NextJs，而不是python的服务呢。看命令行，是不是pc run，最后启动的是next dev。
2 Assets
Assets存放静态资源的，比如图片、字体、css啥的。
Assets目录下的图片，直接如下方式就可以拿到。
pc.image(src="image.png")
3 Main Project
看pynecone_demo/pynecone_demo.py文件。初始化项目时，会创建一个与应用同名的目录。会有个默认的内容，想自定义你的应用程序，在这里修改此文件内容。
3 总结
简单的了解下目录结构，知道代码以后大概会写在哪里，以及为啥我们需要安装nodejs了。
