在预览视图或真机调试视图中，你可以使用开发工具提供的调试工具，如控制台输出断点设置等，来调试你的小程序代码总结来说，微信官方小程序开发工具的编辑视图主要用于代码编辑和界面设计，无法进行实时的调试要进行调试操作，需要切换到预览视图或真机调试视图，并使用相应的调试工具以上内容是由猪八戒。

登陆后，点击添加项目按钮，填写 AppID如果没有，则点击无 AppID和项目名称接着，在项目目录中点击选择，新建一个文件夹作为新的项目目录然后再次点击添加项目，就可以新建出一个微信小程序项目了4微信开发者工具共分成编辑调试和项目三个部分编辑编辑和修改。

很简单，方法如下1点击wps这个软件 2找到该文件，点击右边的quot三点quot符号 3点击分享给好友 4点击以文件发送 5点击微信图标的发送给朋友，如果只是想单纯放到微信，发给文件传输助手也是可以的 如果需要的搜文档格式，用wps发送文件都选择quot以文件发送quot，直接分享过去就会出现小程序的样式。

二设计搭建小程序 1 选择开发工具如果你懂编程代码知识的话，在这一环节你就可以选择用官方的开发工具进行开发制作但是小编是不懂编程知识的小白，所以用的是第三方小程序开发工具，乔拓云网，是纯线上版本，不用下载，现在很多微信小程序开发工具都是这样的2 选择模板进入乔拓云网后台后。

制作微信小程序可以使用网站一键生成方式，进入凡客网了解相应文件功能后进行编辑即可完成具体内容如下1一键生成小程序比较简单，例如百度进入凡科网iknowtarget=quot_blankquottitle=quot点击查看大图quotclass=quotikqb_img_alinkquotiknow。

注意不可直接使用服务号或订阅号的 AppID 利用提供的账号，登录，就可以在网站的设置开发者设置中，查看到微信小程序的 AppID 了2创建项目我们需要通过开发者工具，来完成小程序创建和代码编辑开发者工具安装完成后，打开并使用微信扫码登录选择创建项目。

微信开发者工具有三大模块小程序模拟器小程序编辑器小程序调试器每个模块都有不同的作用调试器的功能类似浏览器里页面的审查元素，我们在元素调式框里修改属性，可以查看到页面相关属性的变化，找到相关的页面样式文件微信小程序开发工具的调试器也是这样子微信开发者工具 调试器调试器分为6。