开发个人组件前,需要配置开发环境和初始化开发项目。

步骤一:安装Node.js运行环境

需要安装8.9 LTS以及以上版本:单击并选择版本下载

步骤二:安装npm包管理工具

内测用户先使用bnpm , 正式开放之后会迁移至aliplus源,使用npm即可。

  1. 打开CMD命令窗口,执行npm login命令登录。
    说明 用户名和密码请访问https://bone.aliyun.com/profile获取。
    npm login --registry https://registry-node.aliyun.com/org/YscSvypAq7EUU~8GmyAjOp/registry/aliyunIoT/
  2. 执行以下命令安装新版bnpm。
    npm i -g @bone/npm --registry https://registry-node.aliyun.com/org/YscSvypAq7EUU~8GmyAjOp/registry/aliyunIoT/

步骤三:本地初始化项目

  1. 打开CMD命令窗口,执行bnpm login命令登录。
    说明 用户名和密码请访问https://bone.aliyun.com/profile获取。
    bnpm login --registry https://registry-node.aliyun.com/org/YscSvypAq7EUU~8GmyAjOp/registry/aliyunIoT/
  2. 执行bnpm install命令安装material-cli。
    bnpm install -g @maliang/material-cli
  3. 执行material create <项目名>,生成一个项目文件夹(例如Demo)到本地计算机。
    material create Demo
  4. 进入上一步创建的项目文件夹后,执行bnpm install命令安装必要的依赖文件。
    cd Demo
    bnpm install
  5. 执行npm run start命令,自动打开浏览器,显示组件初始状态。该页面可用于测试组件开发的效果。
    如下图所示是组件的初始化配置。浏览器

后续步骤

本地开发测试