如何使用微信开发者工具？

若何利用微信开辟者工具？

      之前已经教大师若何若何下载和安装微信开辟者工具，明天小七先容若何微信开辟者工具。假如想开辟小法式但还没有入门的伙伴可以看看哦。


      1、登录小法式开辟者工具的下载页面https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html，下载和安装微信开辟者工具。


      2、双击翻开微信开辟者工具，用微信扫码登录，点击“确认登录”按钮登录微信开辟者工具。

      3、挑选小法式项目，编辑和测试小法式。


      4、填写小法式项目目录、AppId以及项目称号。假如还没有注册小法式，那末挑选体验小法式。点击“肯定”按钮来到了微信开辟者工具的界面。

      5、全部界面分为5个部分，工具栏、模拟器、目录树、编辑器、调试器。最上边为菜单栏、左侧为模拟器、中心为目录树、右侧为编辑器，最下边的为调试器。

      6、顶部菜单有项目、文件、编辑器、工具、界面、设备以及微信开辟者工具。


      其中项目菜单栏那边可以新建、检察、切换、封闭微信小法式项目。


      文件菜单栏也包括了新建、保存和封闭文件。


      编辑菜单栏那边有一般编辑的功用，缩进、格式化代码、查找、替换、复制粘贴等。其中格式化代码就是把排版乱乱的代码标准化、缩进、有条理地显现代码。这个功用对编辑代码很有用。


      工具菜单栏有编译、革新、前背景切换、上传文件等功用。


      界面菜单栏可以勾选需要显现的部分，比如工具栏、模拟器、目录树、编辑器、调试器。需要显现哪个就勾选哪个，默许是全数显现。


      设备菜单栏可以设备表面、比如浅色或深色表面，小七平常用的WebStorm利用的是深色表面，是以这里也显现深色表面。具体看小我喜好。设备菜单栏还可以设备快速键、代理以及项目。


      微信开辟者工具菜单栏可以切换账号、还可以跳转到开辟者文档和开辟者论坛，切换开辟形式（公众号网页调试和小法式调试）。其中的调试-编译器调试，界面上左侧显现wxml代码，右侧显现各个标签的款式，不外这里不能调试代码，在这里调试，模拟界面也不会改变。

      7、这几个点击可以切换模拟器、编辑器和调试器的显现和隐藏状态。最初一个是切换前背景的，背景显现如图所示。

      8、下面简单先容微信小法式的目录。app.js、app.json、app.wxss是设备全局的。这几个文件必必要有。

      9、首页有一下几个文件index.wxml、index.js、index.json、index.wxss。每个页面都有wxml，js，json以及wxss文件。wxml对应网页的html，wxss对应网页的css。这里设备的优先级比全局的要高。

      10、微信开辟者工具的标签和网页的分歧。首要有以下标签。


      （1）容器视图。view、scroll-view、swiper、movable-view、cover-view


      （2）根本内容。icon、text、rich-text、progress


       （3）表单组件。button、checkbox、form、input、label、picker、picker-view、radio、slider、switch、textarea。


       （4）导航。navigator


      （5） 媒体组件。audio、image、video、camera、live-player、live-pusher。


       （6）舆图。map


       （7）画布。canvas


       （8）开放才能open-data、web-view