zoukankan      html  css  js  c++  java
  • 小程序开发工具与基础之环境搭建与工具

    小程序开发准备

    1、申请小程序账号(appid)

    2、下载并安装微信开发者工具

    进入微信公众平台 https://mp.weixin.qq.com/

    立即注册小程序

     按照信息填写之后完成注册

    具体操作可查看小程序官方开发文档

    使用注册的小程序账号密码,登录 https://mp.weixin.qq.com/

    在菜单-设置-开发者设置中,查看小程序的appID

    下载并安装微信开发者工具

    https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

     选择适合自己操作系统的最新稳定版本,傻瓜式下载安装即可

    扫码登录

     新建小程序项目

    (没有appID可以暂时先使用测试号)

    不过现在个人是可以注册小程序的,还是建议注册一个,因为测试号有很多限制

    小程序属于前端开发,单独的小程序是没有意义的

    而完整的应用不仅要有前端,还需要服务器的支持(后端给前端提供数据)

    小程序后端可以使用后端语言来开发,比如java python php node.js ,不懂后端的可以使用小程序云开发

     进去以后的默认页面是这样的,微信头像+微信名,怎么这么大……

    微信开发工具UI简介与小程序调试方法

    创建类型:

    如果选择page,会生成4个文件 .js  .json  .xml  .xss

    如何查看快捷键:

    鼠标移动到代码区域,按F1,会出现所有操作及快捷键

    如何运行代码:

    1、点击编译

     2、小程序有自动编译功能

    编辑完代码之后按ctrl+s保存即可自动编译

    清缓存:

    如何查看项目的配置信息和状态:

    点击设置-项目设置

     

     或者点击右上角的详情

    关于调试:

    1、console.log打印变量进行查看

    2、断点调试,在控制台sources点击对应文件,左侧可以进行打断点操作

    然后再点击下编译

  • 相关阅读:
    jquery easyui DataGrid
    easyui datagrid使用
    easyui中datagrid用法,加载table数据与标题
    目前已有的框架
    CSS 块级元素、内联元素概念
    设计中最常用的CSS选择器
    ASP.NET MVC 学习
    CSS边框-属性详解
    Boostrap入门级css样式学习
    Codeforces Round #261 (Div. 2)——Pashmak and Graph
  • 原文地址:https://www.cnblogs.com/chenyingying0/p/12503444.html
Copyright © 2011-2022 走看看