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

网友投稿 596 2022-05-30

搭建环境

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 的安装。

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

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

5、配置插件

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

6. 安装Chrome浏览器

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

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

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

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

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

WeLink 云市场 软件开发云

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:CSS | 如何使用padding代替高度实现背景图片高度按比例自适应
下一篇:「免费开源」基于Vue和Quasar的crudapi前端SPA项目实战之docker部署(八)
相关文章