微信小程序开发者工具初体验及实现技术初探
微信小程序是当前的热点，市面上已经有很多微信小程序开发相关的文章，今天晚上抽了点时间折腾了微信小程序，并顺便看看了下微信小程序开发者工具的实现，是使用Node.js开发的，UI是基于NW.js框架开发的，支持Windows和Mac跨平台。
微信小程序开发工具初体验
首先当然是先下载个微信小程序开发工具，微信Web开发者工具下载地址, 然后顺便找了个感觉还可以的小程序源码微信中的知乎–微信小程序 demo。目前支持Win32，Win64，Mac版本。
然后下载或git clone上面提到的Demo代码，打开安装好的微信开发者工具，用微信扫二维码登录，选择本地小程序项目 -> 添加项目，导入项目，AppID可以不填，功能会受限。本来我还以为一定有微信小程序开发者帐号才能用呢？微信小程序开发者帐号的开通门槛还是比较高的，必须是企业帐号，还需要用对公帐号转账验证通过。现在看来只是功能受限。如下图
可以看到微信Web开发者工具主要有账户，编辑，调试，项目，刷新，编译，后台，缓存等几个功能，功能还是比较有限的，调试功能主要是整合了Chrome Web开发者工具。
微信Web开发者工具是如何实现的
使用node.js和NW.js框架开发的，UI是基于NW.js框架开发的，支持Windows和Mac跨平台。这是很现实的技术选择，小程序的整个技术栈是基于H5的，虽然在UI框架层面自己实现了一套，但基础的js，css语法大部分还是支持的，因此开发者工具用node.js实现也是很正常的，现在我只是奇怪为什么微信没有选择用Atom Shell呢？就像Facebook的nuclide IDE那样，基于Atom编辑做个IDE？
参考文章
- 使用 NodeJS 框架 NW.js 编写桌面应用入门
- 微信中的知乎–微信小程序 demo
微信小程序开发者工具初体验及实现技术初探相关推荐
- 微信小程序开发者工具的使用
微信小程序开发者工具的使用:登录自己的微信小程序页面,找到工具,下载微信开发者工具.下载好后,扫码登录自己的小程序.在登录的过程中,需要输入自己的小程序的appid.登录好之后就会显示这样的一个页面. ...
- 微信开发者工具无法选择预览和真机调试_小程序开发 第二篇：使用微信小程序开发者工具、wepy框架初始化项目...
1.微信小程序开发者工具 使用: 小程序原生开发:直接使用小程序开发者工具打开项目即可 小程序框架开发:首选官方提供类vue.js开发框架 wepy.js ,备选 mpVue.我们选择的是 wepy ...
- 微信小程序开发者工具真机调试和预览连接本地服务器
微信小程序开发者工具真机调试连接本地服务器 网上参考了很多方法只有这个方法能解决本地服务器在微信开发者工具预览或者真机调试的连接,话不多说看图. 第一步 win+R,CMD输入ipconfig查看本地 ...
- 【HbuilderX+微信小程序开发者工具解决报错问题】
第2节 uni-app的环境搭建并创建项目运行 正确的配置运行终端 获取小程序appid的方法 微信小程序的配置错误导致的问题 问题描述 问题原因 解决方法![在这里插入图片描述](https://i ...
- [微信小程序开发者工具] × #initialize-error: Error: ENOENT: no such file or directory, open
[微信小程序开发者工具] × #initialize-error: Error: ENOENT: no such file or directory, open hBuildX中运行到开微信开发者工具 ...
- 微信小程序--开发者工具
微信小程序–开发者工具 俗话说的好:欲先利其事,必先利其器.我们开发人员也是一样,要想敲出更好更快的代码,首先是找一个好的开发工具:开发微信小程序也是如此,微信小程序有个专门的开发工具-微信开发者工具 ...
- 微信小程序开发者工具怎么使用Less、Sass
微信小程序开发者工具怎么使用Less.Sass 前言 一.Sass使用 第一步 按需导入 如何设置Sass 应用 Less使用 前言 在微信小程序开发者工具中编写wxss样式表是不是感觉很麻烦,不要困 ...
- uniapp开发微信小程序，出现[微信小程序开发者工具] [error] Error: Fail to open IDE 错误的原因--潘万丁
[微信小程序开发者工具] [error] Error: Fail to open IDE 是因为 小程序AppID这里的id有自己以前填写的,现在肯能某种原因无法使用,所以把它清空或天上自己现在能用的 ...
- 微信小程序: 微信小程序-开发者工具添加less插件
在入门微信小程序的时候,在其他编译软件中有使用less插件的小伙伴都会发现,在微信小程序- 开发者工具中是没有下载插件这个入口的,所以我们可以借助vscode来辅助微信小程序-开发者工具安装le ...
最新文章
- centos7 mysql 1064_【mysql报错】1064 - You have an error in your SQL syntax;
- Spark SQL（六）之加载数据的参数配置
- Linux的Qt编译出现:-1: error: cannot find -lGL问题的解决方法
- android strictmode有什么作用,Android 性能优化 之 StrictMode
- python凯撒密码实现_密码：凯撒密码及其Python实现
- ArrayList的使用
- Springboot整合Nacos配置中心
- IDEA 修改项目名称
- NeurIPS、COLING顶会亮点有哪些 | 一周学术精选
- python新浪api_python调用新浪微博API项目实践
- python+pygame 最强大脑联动归位游戏
- 《 两个人的江湖 》
- GAMES101 13节 光线追踪 笔记
- 2021年安全生产模拟考试（全国特种作业操作证焊工作业-熔化焊接与热切割模拟考试题库一）
- 嵌入式微处理器的分类有哪些？
- 什么是光开光？它有什么作用？
- xp开机加载个人设置很慢的解决方法
- slxrom+v.21+原生android+4.2,红米4高配版 魔趣OS 安卓10 MagiskV21版 完美ROOT 纯净完美 原生极简 纯净推荐...
- go time包定时器和断续器
- 编程-----魔法币投币方案设计