对于小程序编辑开发的平台工具，我们该如何使用(小程序开发工具如何使用)_微信微信动态文章资讯

小程序开发工具有新版本更新啦！开发体验更好了，详情W1ZJWXacozeW.3AFQ1BppwCx#%X3aN可以查看微信公众平台-小程序://mp.5C*EPlSuRllweixin.qq.com/debiPL8%iP!m*KXN3XQ!zDIkXug/wxadoGXiy1c/dev/devtools/devtools.html

对于小程序编辑开发的平台工具，我们该如何使用(小程序开发工具如何使用)

好H3$;%$9as1BsSRrnZ3*hJxPX了我们开始小程序实战吧！

对于小程序编辑开发的平台工具，我们该如何使用(小程序开发工具如何使用)

第一步：开发工具下载

对于小程序编辑开发的平台工具，我们该如何使用(小程序开发工具如何使用)

下载开发工具：微信开发者工具;9p;hAuNb&Z5ZVOAFek1l.

对于小程序编辑开发的平台工具，我们该如何使用(小程序开发工具如何使用)

第二步：创建小程序项目

1、选择“小程序”I^hXP;p121Fg91CbJ开发模式

安装完成后，选择“小程序项目”

2、添加项目

点击“添加”

3pt^gHV@M2hZ#I、项目配置

如果没有AppID 点击“可点此体验”也可以哦

申请AppIayU#zbw*#N@,vV&V2wPN9D:://mp.weixin.qq.com/wxoz2qOOO9F/x^nGo1IJ6pen/waregister?action=step1

4、完%dLyqr&o&q7N8p1Zc成

开发区域

备注：因为申请测试会占用测试机器资源，所以一my97m7&z!WgOpcZ^TxF!Qa个 APPID 一天只能申请一次测试报告。

第三步：代码结&d3EX1$IUB30s构

项目里边生成了不同类型的文件:

.jsheDFF4/rIJ;Akxdon ^YbO3GF77rY*gb3o9kubpc后缀的 JSON 配置文件

appM6eCAU6b#EBwN@n8ZKChksV.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络KkkdravM50X%pVKoWrHJPa超时时间、底部 tab 等。

.wxml 后缀的 W!ZIfX^BzYi,9MHG,tz/&2,XML 模板文件

从事过网页编程的人知道，网页编程采用的是 HTML CSJTl7Hj!9iwufFflS JS 这样的组合，其中 HTML 是jzqAZDI5Q;SUM@iEp.Rsr用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通HH$CEjIS549ZY$g*FDGBxy常是用来处理这个页面和用户的交互。

.mw2z#^oQtF7C7@X9OZ9UP5,cFfxwxss 后缀的 WXSS 样式文件

WkH@Z7J9nc;OOiG7tQqvh*wsh,XSS 具有 CSS 大部分的;405v;hgprM%F;,g特性，小程序在 WXSS 也做了一些扩充和修改。

新增了尺寸单gih7h2g6位。在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设c8QVx9Wf2Kdk1Qo备像素比，采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位@6iNW4WJAmjU854sv4SbBZW9b,Nh6 rpx ，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用82^mkRCgB,v&3FlTAdY7Zo2@5E的$Uc/m;y3NDgOBCm!!e浮点数运算，所以运算结果会和预期结果有一点点偏差。

提Y40/D0BIExW/4供了%Qu4#全局的样式和局Hr#aHh4Nb$aMQ部样式。和前2f!K241F#XM^PS2F边 app.json, pag9QZ,k0K$boS6dHLJLhe.json 的概念相同，你可以写一个 app.wxs/PHF,Ms0bCaciPjv4^dZFZijeZF%s*Nl!9JIk,bg#e/eTeqtNts8TFy 作为Hxq;r86g5Dsk%Nc.S,c/Mkvl.yvus全局样式，会作用于当s,6qab!oa1q!3qZrwCLcMv6u@CU#前小程序的所有页面，局部页面样式 page.wxss 仅对当前页面生yOkO;#C9,35LHa$M效。

此外 WXSS 仅支持部分 CSS 选择器L4jIpgtTS8/OiXKeo

.js 后缀的 JS 脚本逻辑文件OGVthw#,JT4i!a.kKwB5MW

一个服务仅仅只有界iWq#;l&G61面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户k3Wmo#Y0Q#K4ni428NWsghgmH的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的操作。Dacs0.uFpD%NIxuYWr

详情可以查看微信官方文档：微信小程序代码构成!cv*uK7&6^

总结

以上内容大家都看了都非常简单，更详细的可以参l0do考微信官方文档，根据以上步骤可以搭建自己的ud,DFg@2ckrfvbT@6g@Yt.p3D/X第一个微信小程序，大家可以对生成的初始代码可以做一ZPaA.A1,NJCd11!7BfVyQY#些细微的调整，比如看一下如何获取微信用户信息（userInftA5ICqKz$CTy8vtCQE#o），log日志如何打印，页面怎么跳@U6iz转等。

z;7fJH

上一篇：微信上线比“花呗”还好用的功能，你会用吗

下一篇：周扬青的行为没有人觉得是犯法吗