三言两语之微信小程序开发初体验(1)

一、前情


  直接切入主题,微信发布了小程序,前端开发者表示,如果不会微信小程序的开发感觉就跟不上时代了,先解答几个容易出现歧义的问题

小程序就叫小程序,不叫应用号,因为apple不准,哈哈
小程序是不挑战原生app的

以上立场是我看了一两天的资讯所得,其实大家细思也不难得到这样的结论滴~文章写给懒人的,三言两语快速入门篇,哈哈!


二、先look下


1.微信小程序开发ide

微信小程序开发界面


2.小程序跑在手里中的效果

小程序出现在发现页面

小程序menu

进入小程序界面


三、环境搭建篇


  哈哈,看到上边的图我想大家早就按耐不住了。。其实自微信小程序发布那天作为一名前端狗我就早已按奈不住自己的小心情勒。。话不多说,我们下面就来搭建环境。。
简而言之,小程序处于内侧中,开发ide和跑在手机中的效果我们是看不到,但是开发的ide现在被破解了,所以我们可以提前look下开发的ide,且一些开发文档也是有滴,so,我们虽然不能在手机中预览,但是尝尝鲜跑在电脑里看下,还是ok的。

  怎么用呢?我给大家打包的文件主要有三个:

1.weixin7   先安装   
2.weixin9   二安装   
3.替换程序  按目录替换到weixin9中    

我们都知道小程序开发ide再打开的时候需要授权,只有特定用户才能看到,破解的原理是先安装版本为7的,之后安装版本为9的,这两个程序当然要安装在不同滴目录,之后把相应的替换程序按着文件夹替换到weixin9这个目录中去,替换完成及完成了破解。。最后我们先打开版本为7的ide,扫码登陆,之后关掉,这时候在打开版本为9的,这时候就会成功的绕过了ide的验证,就成功破解登陆了!如图:

点击添加项目,这三项大家随便填写咯!最后点击右下角的“添加项目”即可打开我们文章最开始的那个ide开发界面,下面我们来继续探秘,工程的文件目录是如何构造的。。。嘿嘿,越来越期待咯~


四、工程目录简介篇


古人云,一图胜千言,大家直接看图就ok


json后缀的文件是对小程序的配置文件。我们可以在这个文件中配置小程序的窗口背景色, 配置导航条样式,配置默认标题。注意该文件不可添加任何注释。
wxss后缀的是整个小程序的样式表。当然我们可以在页面组件的class属性上直接使用app.wxss中声明的样式规则。 ……………………………………


五、小程序跑起来了


Rt,大家还等什么?赶快动手试试吧!呵呵~~


程序下载地址,我暂时把他放到我的小水管服务器上,稍后把他转移到百度云。。。时间不允许,嘿嘿收拾东西,下班!



点我下载,靴靴~~




原文地址:https://www.cnblogs.com/54td/p/5901534.html