vscode wecode的配置

vscode wecode的配置

微码应用架构分析

在前面的文章中我们已经搭建好了开发环境，接下来我们需要熟悉下微码模板的目录结构。

在开始前我们需要弄清楚自己需要开发一个什么样的应用，以及需要什么样的技术支撑。众所周知，前端的各种框架五花八门，大型的有AngularJs，稍微轻量点的有ReactJs和VueJs。如果你对这些熟悉，那么你就可以下载对应的模板下来进行开发。如果你不熟悉这些框架，或者说你只会写普通的Html+Css+Js，没关系，你可以下载基础模板，CloudLink官方提供多种模板下载，打开 (.html?v=1547690385) 去下载。

一、下载和导入模板

这里我们使用基础模板来看下具体的目录结构，进入 我的应用 ( .html )

点击具体的应用进入详情，在最下面可以看到“开发模板下载”，点击“基础模板下载”

将下载下来的模板压缩包解压出来

打开VSCode，选择“文件 > 打开文件夹”，选择刚刚解压后的文件夹打开。

这时 WeCode 工具已经开始安装项目依赖了，也就是npm在安装各种依赖包。依赖安装完