微信小程序开发工具怎么使用
1、获取微信小程序的 AppID首先,我们需要拥有一个账号,如果你能看到该文档,我们应当已经邀请并为你创建好一个账号。注意不可直接使用服务号或订阅号的 AppID。 利用提供的账号,登录https://mp.weixin.qq.com,就可以在网站的「设置」-「开发者设置」中,查看到微信小程序的 AppID 了。2、创建项目我们需要通过开发者工具,来完成小程序创建和代码编辑。开发者工具安装完成后,打开并使用微信扫码登录。选择创建「项目」,填入上文获取到的 AppID,设置一个本地项目的名称(非小程序名称),比如「我的第一个项目」,并选择一个本地的文件夹作为代码存储的目录,点击「新建项目」就可以了。3、编写代码点击开发者工具左侧导航的「编辑」,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js 后缀的是脚本文件,.json 后缀的文件是配置文件,.wxss 后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。4、创建页面每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js 后缀的文件是脚本文件,.json 后缀的文件是配置文件,.wxss 后缀的是样式表文件,.wxml 后缀的文件是页面结构文件。在这个小程序开发教程里,我们有两个页面,index 页面和 logs 页面,即欢迎页和小程序启动日志的展示页,他们都在 pages 目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。页面的样式表是非必要的。当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。index.json是页面的配置文件,页面的配置文件是非必要的。当有页面的配置文件时,配置项在该页面会覆盖app.json 的 window 中相同的配置项。如果没有指定的页面配置文件,则在该页面直接使用app.json 中的默认配置。
微信小程序需要哪些开发工具
微信小程序需要哪些开发工具? 一、微信小程序官方开发工具 注意,它只是个工具,而不是一个IDE。官方工具中的代码编辑功能,就是将vscode的代码编辑功能嵌入到工具中,不足以支撑开发。 优点 因为是官方工具所以有这其它第三方工具有这不可比拟的天然优势,如果不是他代码编辑功能太弱的话。 官方工具,可调试,可预览 基本的代码编辑、智能提示、调试等功能都有 项目管理、创建、手机预览、代码提交审核 官方维护更新 缺点 不好的地方也很明显,总体而言是一款工具而不是IDE。糟糕的代码编辑功能,写起代码非常别扭,这是我放弃它的最重要原因。 api提示不全,要一个个查api,影响写代码的速度 很多必备的快捷键都没有,比如全选关键字、快速复制一行等等 颜色主题不能选,不喜欢白色风格怎么搞 没有插件 没有插件 没有插件 重要的事情说三遍 评价 目前因为需要用到微信web开发工具进行小程序的创建、调试、查看、预览、上传,所以这个工具必不可少。但是代码编辑功能实在太差,推荐使用其它第三方代码编辑工具代替。 二、即速应用——适合技术小白的小程序开发工具 严格来说,即速应用并不是为专业程序员准备的开发工具,但它绝对是一款功能非常强大的微信小程序制作工具。不懂技术不懂编程的人,一定会爱上即速应用这款工具的。 优点 可视化操作,直接拖拽组件生成页面 提供大量可套用的模板 可将代码打包下载,直接对接到小程序的开发工具 下载下来后的代码可以任意编辑 缺点 电商模板居多,其他类别的模板较少 复杂的功能仍然需要专业程序员二次开发 评价 客观地说,即速应用这款微信小程序制作工具非常适合技术小白。因为它相当于把需要代码的`部分都帮你做好了,所以不用太头疼技术方面的问题。当然,如果你是程序员,一样可以在它生成的代码基础上进行二次开发的。 三、Sublime Text 3——简洁高效的开发工具 sublime text 3定位于代码编辑器而不是IDE,在代码提示方面只能算一般般,不过胜在使用起来非常方便。 优点 打开文件速度倍儿快、UI简洁大方 代码编辑体验舒适、高效 拥有大量插件,针对不同需求基本上能找到对应插件来满足 第三方开发者开发小程序插件用于代码着色和代码提示 缺点 没有调试,没有预览 因为是第三方开发者编写的插件,代码提示也不是非常全面 评价 使用门槛不会太高,可以迅速上手。是但如果想实现一些丰富的功能就会比较吃力了。 四、WebStorm——功能繁多的重度开发工具 WebStorm网上有个插件,可以实现代码提示,不能做调试和预览,并且属于重度工具,如果你是,可以尝试一下这个工具。 优点 有插件可以实现代码高亮,代码提示等功能 有非常成熟和非常丰富的功能 各种快捷键 缺点 无法调试预览 功能比较多、比较臃肿 评价 Webstorm和上述几个工具相比,代码编辑功能较强大。但是需要插件支持才可以开发小程序,而且体积臃肿。