【技术教程】【微码开发】微码开发入门 - 环境搭建
搭建环境
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码应用,然后下载模板。
- 点赞
- 收藏
- 关注作者
评论(0)