原帖地址：

我从某个微信群得到了这个IDE的下载地址，然后得到了这个：

如果我根本无法登机怎么办？ 我应该怎么办？ /p>

看一下代码。 。 。 /p>

反正我没有保密协议，解压看看+：

好吧，我们看一下，这真是一个浩大的工程：

等等，这里有一个目录叫/。 难道这就是传说中的源代码？ 当我打开一看，原来是真的。 。

好吧，毫无疑问，某个新闻又发生了。

app.js 里面是登录代码：

app.json 定义了一些样式和页面：

在wxss中，显然是css，不是万能支持的。

好的，我看一下 page//.js

这就是传说中的“观景”吗？

让我们来一些令人兴奋的事情 - 只需查看 IDE 的代码并了解它是如何工作的。

幸运的是，微信的开发团队仍然需要改进其软件工程实践，因此我们有机会深入了解他们的代码——我真的很想建议他们看一下第二部分，构建系统。

解压应用程序

首先你需要以下工具

首先，我们需要右键点击 Web .app，然后显示包中的内容。 //app.nw下的内容就是我们的代码，复制出来：

-xr-x@ 238B :43 -xr-x@ 136B :12 r-xr-x@ 6.4K :12 -rw-r--r-- 900B :09 .json

简要说明：

该目录中有两个子模块：

IDE运行顺序

我们已经知道这是一个封装的 Web 应用程序。

.json中的"main": "app/html/.html"表示这个APP的入口定义为这个.html，而不是其他文件。

很顺利，我们看到了他们调用的文件：

这里有一个init方法，好像是相关的入口。 我使用了+f6变量十几次，最后看到了下面的代码：

=("../dist/lib/.js");=("../dist/lib/-dom.js");=("../dist///init.js");=( "../dist//.js");=("../dist///.js");=("../dist//.js");=("../dist// .js");=("../dist//.js");=("../dist//log/log.js");=("../dist///.js") ;=..;

这是一个应用程序，幸运的是我一年多前就学会了它。 扫码后，我终于看到了这样一句话：

。（。（，无效的），。（”＃”）

直接跳转到.js，跳转到方法处，找到这个：

.(主要,{:这个..,:这个.,:这个.,:这个.})

果然，主楼里面有一个大入口。

.("div",{:"main"}, .(,{ :这个.., :这个.., :这个.., :这个., :这个.. }), .(,{:这个.. .}), .("div",{ :"body" }, .(,{ :this.., :this. }), .(,{ show:this..show, :this., :this. .(编辑,{ 显示:这个..显示, :这个.. }), .(,{ :这个.., 显示:这个..显示 })), .(,null), .( ,{ 显示:this.., :this.(,null), .(,null), .(,null))}

对应的接口如下：

怎么运行的

慢慢地我发现了打包及其运行过程。 由于我没有获得内测资格，所以只能边看边猜。

在上一篇文章中，我们提到了两个非常有趣的东西：wxml和wxss。 这两个文件会分别进行转换，即wxml -> html、wxss -> css。 有几种不同的：

这个风格一看就是生成字符串的，然后他们写了一个叫wcc的工具和一个叫wcsc的工具。

这样的话，我们就可以理解微信小程序有点类似于Dom+。 毕竟上面有一个文件，上面还有另一个文件。

当然，不管是+还是Vue+，现在都有WA+了，哈哈。

采用下图所示的提交方式，所以：

你在本地编写的所有内容都会提交到微信服务器，然后打包、上传到服务器，最后交给CDN——进行分发。

上传流程大致如下：

【唐人街__华侨之家】