云社区 博客 博客详情
云社区 博客 博客详情

【技术教程】【微码开发】微码开发入门 - 环境搭建

Welink官方小助手 发表于 2020-04-13 14:53:42 04-13 14:53
Welink官方小助手 发表于 2020-04-13 14:53:42 2020/04/13
0
0

【摘要】 微码开发入门 - 环境搭建

搭建环境

1. 安装 Node.js

前言: We码的整个开发依赖 Node.js 环境,我们需要对 Node.js 做一个简单的了解。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,类似Java的JRE,JRE有一个称为Java Virtual Machine(JVM)的虚拟机,Nodejs 的虚拟机就是V8,来自 Google 的开源 JavaScript 引擎。所以我们不应该把 Node.js 看成是一门语言,它是一个运行时环境,JavaScript才是运行和编译在它上面的语言。

到 Node.js官网 下载安装包,Windows和macOS 的安装包为可执行安装文件,直接下载安装,安装完成后在命令提示符或者终端输入 node -v ,能正确输出版本号,则说明安装成功。Linux的安装包为二进制文件,下载下来后解压,解压出来的bin目录下有三个可执行文件(node, npm, npx),直接进入该目录执行 ./node -v 能正确输出版本号则证明包没有问题,接下来需要将node命令变为全局可执行,简单的做法可使用 ln -s 命令将node和npm添加软链到系统PATH目录(关于Linux下ln命令的使用请自行上网搜索)。

2. 设置npm源

npm是Node.js默认的包管理工具(在安装Node.js的时候默认安装),我们可以通过它来安装和管理Node.js各种强大的包。npm默认的源地址在国外,如遇到访问较慢的情况,请使用华为镜像仓库:

npm config set registry https://mirrors.huaweicloud.com/repository/npm/
npm cache clean -f

3. 安裝开发工具

开发工具需要使用VSCode,下载并安装开发工具VSCode(全称 Visual Studio Code):下载

需以管理员权限安装VSCode,否则在项目初始化时会提示 WECODE TOOLS 无权限配置开发环境。

4. 创建微码应用

  按照 CloudLink官方开发文档 - 创建应用(https://open.welink.huaweicloud.com/wecode/docs/dev/prod/quickstart/vscode_cloud/register.html?v=1547690385) 来创建微码应用。

5. 安装开发插件

  • 1、下载开发插件 WECODE_TOOLS: https://open.welink.huaweicloud.com/wecode/docs/dev/prod/quickstart/file/wecode_tools.zip

  • WECODE_TOOLS 是为开发者提供的We码开发插件,便于开发者能在熟悉的开发环境(VSCode)下开发We码。

  • 插件提供了完善的项目自动化配置功能,如:自动安装依赖、构建并启动项目、手机调试、上传开发包等。

  • 2、解压下载到的 wecode_tools.zip 文件,得到一个.vsix格式的文件。

  • 3、按下图步骤完成 WECODE_TOOLS 的安装。


    install_tools.png


  • 4、安装成功后,打开We码项目即可看到 WECODE_TOOLS 目录。

    install_tools_back.png


  • 5、配置插件

点击插件的“设置”按钮,配置 "domain":"open.welink.huaweicloud.com"

6. 安装Chrome浏览器

Chrome浏览器可以非常方便的模拟手机端调试,因此推荐使用Chrome浏览器进行开发调试。

说到这里,环境基本上已经搭建完成了,有几点需要注意:

  1. 如果Node.js未能正确安装,初始化的时候会报错,请重新安装Node.js;

  2. npm源地址有问题则会卡在安装项目依赖那里,请使用华为镜像源地址试试;

  3. 安装完WECODE_TOOLS后,如果没有打开标准的We码模板,则不会显示WECODE_ TOOLS工具菜单,请联系应用负责人创建We码应用,然后下载模板。



登录后可下载附件,请登录或者注册

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区),文章链接,文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:huaweicloud.bbs@huawei.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
评论文章 //点赞 收藏 0
点赞
分享文章到微博
分享文章到朋友圈

评论 (0)


0/1000
评论

登录后可评论,请 登录注册

评论

您还没有写博客的权限!

温馨提示

您确认删除评论吗?

确定
取消
温馨提示

您确认删除评论吗?

删除操作无法恢复,请谨慎操作。

确定
取消
温馨提示

您确认删除博客吗?

确定
取消

确认删除

您确认删除博客吗?

确认删除

您确认删除评论吗?

温馨提示

登录超时或用户已下线,请重新登录!!!

确定
取消