美文网首页
搭建开发环境

搭建开发环境

作者: 蔡万胜 | 来源:发表于2018-08-14 13:49 被阅读0次

    1、在电脑上安装Node.js 6.0 以上版本


    2、安装 hap-toolkit 工具

         命令行中执行以下命令:

      npm install -g hap-toolkit

        测试是否安装成功(是否显示版本信息):

    hap -V


    3、在手机上安装调试器(安卓手机):

          资源下载


    4、创建项目

        比如创建 “hello” 在命令行中输入

             hap  init  Hello


    5、安装依赖

        在命令行输入:

        npm install

        注意:如果开发者在后续操作中遇到报错Cannot find module     '.../node_modules/hap-tools/webpack.config.js',请运行一次hap     update --force(执行完毕后不需要按照提示再次运行npm install)


    6、编译项目

        npm run build

        如果希望每次修改源代码文件后,都自动编译项目,请使用如下命令:    npm run watch


    7、启动HTTP服务器

    npm run server      默认端口:12306

    npm run server -- --port 8080      自定义端口


    8、在手机上预览效果(在线安装),以下两者选其一即可:

    打开调试器 --> 点击"扫码安装",扫描终端窗口中的二维码即可完成配置(若扫描不成功,可在浏览器中打开页面:http://localhost:,扫描页面中的二维码)

    打开调试器 --> 点击右上角menu --> 设置,输入终端窗口中提示的HTTP服务器地址


    9、如果在线安装不成功,可选择本地安装

    方法一、将dist目录下编译产出的rpk包通过USB数据线或其他方式,复制到手机文件系统中

    方法二、打开调试器 --> 点击"本地安装",选择手机文件系统中的rpk包,并自动唤起平台运行rpk包,查看效果


    10、编辑器

    编辑器可选择:Sublime TextVisual Studio CodeWebstorm

    Visual Studio Code 安装语法支持插件: Hap Extensio

    相关文章

      网友评论

          本文标题:搭建开发环境

          本文链接:https://www.haomeiwen.com/subject/buwdzttx.html