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

举报
Welink小达人 发表于 2020/04/13 14:53:42 2020/04/13
【摘要】 微码开发入门 - 环境搭建

搭建环境

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码应用,然后下载模板。



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

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。