开发工具｜H5微应用本地开发新姿势

你在本地开发H5微应用时也遇到了这些问题？：
1. 不知道如何调试
2. 不知道如何将本地的页面在钉钉客户端内打开来调试JSAPI
3. 不知道该使用什么ui组件
4. 调用JSAPI前要鉴权，很麻烦
我们推出了钉钉H5微应用本地工具，可以在Web浏览器中开发钉钉H5微应用，并支持常用的40+个JSAPI ，快来试试吧
简介：
H5微应用本地开发工具是钉钉开放平台新推出的H5微应用本地开发工具，开发者通过这个工具可以做到在Web浏览器中调试H5微应用和JSAPI ，像开发一个普通H5应用一样开发钉钉H5微应用。
功能：

支持本地调试JSAPI 。在Web浏览器开发、调试钉钉H5微应用，及调试常用的40+个JSAPI 。
JSAPI免鉴权。使用H5微应用开发工具开发H5微应用时，本地调用JSAPI不需要鉴权。
支持调试标签、样式、打印日志、查看网络请求等。
支持断点调试。
支持热更新。

使用流程
参考以下步骤，使用H5微应用开发工具进行开发。
1.执行以下命令，安装DingTalk-Design-CLI 。
npm i dingtalk-design-cli@0.20.4 -g 2.执行以下命令，查看是否已经成功安装DingTalk-Design-CLI 。
ding -v 【开发工具｜H5微应用本地开发新姿势】3.执行以下命令，初始化代码模版到本地。
dinginit -o h5Test -a h5 -t h5_jsapi_component_demo_vue -l javascript 4.执行以下命令，启动开发、调试功能。
在刚刚初始化好的代码目录下执行以下命令，启动本地开发、调试。
cd h5Testding dev web
命令执行成功后，会默认在本地10003端口打开「H5微应用本地开发工具」，预期效果如下。
到这里，你就可以在Web浏览器像开发一个普通H5应用一样开发钉钉H5微应用了。

一键了解更多
一键了解更多
一键了解更多