解决方案

微信小程序开发 从入门到放弃(一)

作者:仙宝云 | 发布时间:2021-07-25 17:40:09 | 阅读:699

微信小程序可谓是今天最火的一个名词了,一经出现真是轰炸了全部开发人员,当然许多App开发人员有了一个担心,微信小程序的到来会不会给移动端App带来一个隆冬,身为一个Android开发者我是不信任的,他只不过提供了一个新的流量进口,给一些企业大都了一种选择,即使有,那也是很悠远的未来
不管微信小程序是不是能颠覆当今的开发格局,我们都要以好奇的心态去吸收,去学习不排挤新技术,所以,心动不如行动,赶紧先搭建一个微信小程序开发工具

如何创立小程序

很简单,首先下载微信开发者工具,下载稳定版本的就好 下载 然后,创立小程序,可以参考下述图片:

留神正式的小程序需要审批,拿到正式的APPID,我们测试的或者暂时没有的但是点那个测试的appid,小程序模板挑选默认就好按照这样的流程走终了,我们就创立竣工一个小程序了

webstrom支撑小程序开发

创立终了小程序之后,我们先不发急开发工欲善其事必先利其器,微信开发者工具有点卡,而且功效少,开发效率很低所以我们还是改造自己的编译器,这里只引见2种办法一是 hbuilderX,他有支撑小程序的模块,很娇小玲珑的一款编译器; 二是 webstorm,我用的他,在这引见一下配置的办法,其他的大家自行google吧

1、支撑wxml和wxss的文件类型,有语法高亮。 打开webstorm编译器,依次点击 文件 — 设置 — 编辑器 — 文件类型 , 找到 html文件,添加 *.wxml; 找到Cascading style Sheet ,添加 *.wxss就OK了

2、撑持小程序代码提示 下载 这个文件,然后,把他放到一个显眼的地方; 然后, webstorm 点击 文件 — 导入设置 ,找到这个下载的文件,点击确定即可

以上就是webstorm撑持小程序语法的操作

根底文件目次详解

project.config.json: 小程序的配置文件,包含项目打包配置、上传代码自动压缩等等,是一些开发、打包之类的配置

app.json: 当前项目的配置文件包罗项目的页面引入、导航条颜色、导航条标题 等等,是项目具体到代码开发上的配置引见几个配置:

pages: 包含的页面每次新增页面都得在这里引入,否则新页面的json配置等回天乏术见效 留意pages中页面先写的先渲染,所以数组第一条也就是我们的首页。

window: 配置所有页面导航条字体、颜色、背景色等

app.js: 小程序进口文件生成小程序实例,App({}), 通常在这获得用户信息、授权信息、界说全局变量等

app.wxss: 小程序全局 style 文件对全部项目页面见效通常规定项目的 字体、根底颜色,界说一些公共样式

utils: 工具函数目次通常用来放一些公共的js方式比如封装的request请求,一些别的处理数据什么的办法

pages: 小程序的页面目次所有的小程序页面,都写在这里面。

智慧商业服务商仙宝云欢迎您!

请加微信: 18962171986 (宋经理)

在线咨询