2019-01-24 10:50:06 qq_29384639 阅读数 4659

问题:

 解决:

 

2019-12-31 18:21:51 kerryqpw 阅读数 15

 Hbuilderx 微信开发者工具打开项目失败,提示打开服务端口

    

 解决:

 

 

2016-12-14 18:00:59 Harryword 阅读数 6467



                                                                             格式调整                                                                            
  Ctrl+S:保存文件
  Ctrl+[, Ctrl+]:代码行缩进
  Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块
  Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行
  Shift+Alt+F:代码格式化
  Alt+Up,Alt+Down:上下移动一行
  Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行
  Ctrl+Shift+Enter:在当前行上方插入一行
                                                                             光标操作                                                                            

     Ctrl+End:移动到文件结尾

  Ctrl+Home:移动到文件开头
  Ctrl+i:选中当前行
  Shift+End:选择从光标到行尾
  Shift+Home:选择从行首到光标处
  Ctrl+Shift+L:选中所有匹配
  Ctrl+D:选中匹配
  Ctrl+U:光标回退

                                                                             界面操作                                                                             

- Ctrl + \:隐藏侧边栏 
- Ctrl + m: 打开或者隐藏模拟器

                                         个人操作反馈(一直更新反应大家的心声                                         

- Tab:像eclipse 一样在引号中间用 Tab键跳出引号后边;

 -ctrl +J 像sublime 一样可以压缩代码到一行(如果有这个简直是太棒了);


还有就是界面为什么每次只能打开一个项目,多个项目同时打开不行吗?

2019-10-08 11:33:21 weixin_43042683 阅读数 7

声明:首先我的文章,是问题探讨,而不是问题解决,因为我真的也不知道怎么解决。

前言:

就在2019年10月6日下午,我安装了微信开发者工具,初次安装可以正常使用,但我这个人脑缺,用于主要用于开发微信小程序,我打开了公众号网页的制作,之后不知道怎么返回首页,就卸载了,对,卸载了。。。本来想卸载重装就完事了,但万万没想到,之后我就经历了两天的微信开发者工具无法打开登陆的苦恼,还被同学嘲笑她一分钟安好了,我却搞了两天。这。。。我也不想啊,嘤嘤嘤。

问题解决方法探讨:

我是在微信开发社区中(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)下载的,首先我可以肯定,这个下载安装包肯定没问题,因为我第一次安装成功使用就是在这里下载的。我第一次是安装在了D盘,新建的文件夹“微信开发工具”,之后我重新安装也是在这个文件夹,但安装无法使用。然后我就在CSDN上各个大佬的博客找解决方法(其实我也想知道是什么原因,但他们都没说哎)。找到的方法如下:

方法一:重新安装或电脑重启。

方法二在任务管理器上关闭所有有关微信开发者工具的进程/任务,重新打开微信开发者工具。

方法三:右键你的微信Web开发工具,选择属性。在属性、兼容性中,点击兼容模式到兼容性选项卡(我的是win10的系统),并选着以管理员身份运行此程序。点击应用,并确认更改。

方法四:重装 “微信web开发者工具” ,要把安装目录修改为非上次安装的目录(安装在一个新目录下,不受原有文件影响)

方法五:下载安装32位微信开发者工具。

方法六:把微信开发者工具自动生成的桌面快捷方式删除,找到微信开发者工具安装目录下的wechatdevtools.exe(微信开发者工具)文件,将它发送到桌面快捷方式,重新打开。

我的方法:是把微信开发者工具重装在了F盘,也就是我把安装地址换成不同盘符了。

总结:

对于不同方法,有的人有不同反应。其中方法二,方法五,反应解决的最多。当然像方法一、方法三、方法四的也有一部分人反应问题得到解决。至于方法六和我这种方法,感觉有点奇葩哈。不过可以试试,祝你好运。

对于我现在安装好了,赶上微信小程序注册维修,无法申请,也是服了。摸摸我的小心肝。。。

2019-06-02 21:01:55 u014650759 阅读数 140

上一篇文章中https://blog.csdn.net/u014650759/article/details/90701866,我们已经安装好了微信开发者工具,并导入了一个Demo项目,这篇文章,将就开发者工具进行简单的介绍,方便你开发实用编译器,更好的开发小程序。

1.机型选择:小程序以IPhone7的屏幕尺寸为设计标准,让UI以IPhone7屏幕尺寸来切图。
2.预览界面:写好视图布局后点击编译,视图界面刷新显示
3.编译:代码更改后刷新编译。
4.预览界面:查看编译后的效果,仅限于登录开发工具的开发者本人可以扫码并预览,其他人无法扫码预览。
5.真机调试:扫描生成的二维码,真机进行调试。
6.资源文件:对应项目的文件目录,一般可以在这里进行断点调试。
7.数据存储:显示的是本地存储的数据,对应的相关API是wx.setStorageSync(key,data)
8.视图代码:标组件以子父层级结构呈现,方便查看调试。
9.9-1:代码体积,微信限制 2M 以内。  5-2:ES语法转换,开发中一般不校验合法域名信息 。5-3:域名信息:小程序后台要做配置服务器域名,有request 域名,socket 域名以及uploadFile和downloadFile域名。注意:域名小程序要求必须是https
10.项目信息:展示项目所包含的文件,以及进行相关操作
11.代码区域:进行项目下具体文件的代码编辑

接下来,通过上面打开的项目,可以看到小程序框架以及目录结构,下面开始对代码架构目录做简要介绍:app.js、app.json、app.wxss

  1. app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。例如上面的界面展示了该代码文件中,数据存储操作,跳转登录页面,以及获取用户信息。
  2. ​app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序的窗口、背景色,配置导航条样式,配置默认标题,添加新的页面后也要在此文件中添加新页面申明。注意该文件不可添加任何注释。
  3. app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。其格式和写法,类似于css,不过是css的一个子集,也就是说有些css写法是不支持的。
  4. project.config.json是小程序的工具配置文件,可以做一些个性化配置,例如界面颜色、编译配置等等。在工具上做的任何配置都会写入到这个文件,当重新安装时,只要载入同一个项目的代码包,开发者工具就会自动配置,通常无需修改。
  5. sitemap.json是用来配置小程序及其页面是否允许被微信索引,当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索词条触发该索引时,小程序的页面将可能展示在搜索结果中,通常无需修改。

这里上面讲解了小程序的项目文件,而小程序的交互是通过页面来进行的,所以同时我们也需要知道,小程序的页面组成,查看page文件夹下的页面文件,可以发现

总结,至此,我们已经大概知道了小程序的开发工具内部区域功能布局,及其项目结构文件介绍。

没有更多推荐了,返回首页