卓象程序员 | 哈尔滨IT培训 | 品质教育,口碑传承 | 为做出口口相传,好口碑的教育品牌而奋斗!

卓象程序员让每一位学员高薪就业 联系我们13101507057

加微信,了解详情
您所在的位置:首页 > 文章 >小程序连载

「小程序入门连载一」开发准备二
时间: 2018-11-08 16:01:57     来源: 卓象IT实训基地【原创】

上一篇文章讲到创建小程序,接下来说明创建小程序后可能会遇到的问题,以及编辑器的使用。

1.创建小程序

创建小程序后,编辑器左侧显示的界面:

「小程序入门连载一」开发准备二


创建小程序后,有的会显示编译.wxss文件错误:

「小程序入门连载一」开发准备二


解决办法:

①在控制台输入openVendor(),回车执行

「小程序入门连载一」开发准备二


②在打开的目录当中删除名为wcsc.exe的应用程序

「小程序入门连载一」开发准备二


③重启微信小程序,错误已经不存在,程序正常执行

「小程序入门连载一」开发准备二


2.开发工具的使用

1)界面的布局

模拟器、编辑器、调试器的显示与隐藏。左上角的三个按钮对应界面的三个部分,可以利用三个按钮对界面是否显示“模拟器”、“编辑器”、“调试器”进行控制。

「小程序入门连载一」开发准备二


2)编译、预览、切后台

「小程序入门连载一」开发准备二


①编译

修改程序后需要进行编译才能生效,默认为保存自动编译。

当项目开发时,保存是一个常规动作,而且当页面比较长时,每次保存都编译效率比较低,因此设置保存不自动编译。

A.设置保存不自动编译位置:

设置=》快捷键=》编辑

B.设置不自动编译后,手动编译快捷键:

ctrl+B

或者点击编辑器的编译按钮

「小程序入门连载一」开发准备二


「小程序入门连载一」开发准备二


②预览

点击“预览”按钮,生成一个二维码,手机微信扫描后可在手机上预览。

注意:预览功能在创建时使用AppID才能使用,体验小程序不能预览。

③切后台

点击“切后台”按钮,相当于手机的“HOME键”,进入后台。

「小程序入门连载一」开发准备二


「小程序入门连载一」开发准备二


由于文章配图较多,篇幅太长,因此分多片文章进行说明。

关注卓象程序员,定期发布技术文章。

下一篇文章讲解“小程序的目录结构+配置文件”

「小程序入门连载一」开发准备二