vscode wecode的配置_【技术教程】【微码开发】微码开发入门 - 微码应用架构分析...

微码应用架构分析

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

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

一、下载和导入模板

这里我们使用基础模板来看下具体的目录结构,进入 我的应用 ( https://open.welink.huaweicloud.com/wecode/myapp/list.html )

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

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值