美文网首页
微信小程序项目创建

微信小程序项目创建

作者: 赵一矛 | 来源:发表于2018-08-23 16:56 被阅读0次

登录微信公众平台,点击小程序,可以注册个人,点击前往注册完成注册。注册成功后可以到达微信小程序管理界面,


在首页的开发工具处点击下载开发者工具
image.png
选择适合的版本进行下载,安装。
安装完成后,会出现
image.png
点击,用注册时关联的微信号扫码登陆
image.png
点击小程序项目,填写项目目录(桌面新建一个bike文件夹,选择这个文件夹)、
APPID
注意:这里的APPID是微信小程序管理界面里面的设置里面的开发设置里面的APPID,复制粘贴过去就可。
image.png
创建项目成功后的界面
image.png

目录结构介绍

pages
装我们要显示的页面的。


image.png
  • index.js
    做逻辑控制的
  • index.wxml
    等同于html
  • index.wxss
    等同于css
  • app.js
    程序的入口,可以定义声明周期
  • app.json
    微信小程序的全局的配置
  • app.wxss
    微信小程序全局的样式
  • project.config.json
    微信小程序的配置


    image.png

相关文章

  • 微信小程序创建项目 我们需要通过开发者工具,来完成微信小程序创建和代码编辑。 开发者工具安装完成后,打开并使用微信...

  • 小程序1——开启小程序之旅

    目录:1、用新的邮箱创建微信小程序公众平台2、在微信小程序公众平台,创建微信小程序,并获取微信小程序APPID3、...

  • 微信小程序项目创建

    登录微信公众平台,点击小程序,可以注册个人,点击前往注册完成注册。注册成功后可以到达微信小程序管理界面, 目录结构...

  • 微信小程序 创建项目

    本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。表示这里真心想吐槽,说什么主体类型...

  • 微信小程序边学边记系列(3)

    项目结构:(分为全局结构和局部结构) 微信自动生成项目 ==>全局结构: 上述结构是微信小程序创建项目时,自动生成...

  • 微信小程序-第一个npm项目创建

    微信小程序-第一个npm项目创建 第一种方式:简单的创建方式 1、微信开发工具正常流程新建小程序 2、在根目录添加...

  • 小程序开发入门(1)小程序的结构说明

    创建示例项目 安装好环境后,创建小程序的第一个项目。 启动微信开发者工具,启动后会有一个选择小程序项目还是公众号网...

  • 入门微信小程序--创建项目

    一段视频看小程序发展 小程序已经快两岁的,我才入坑,刚刚入坑那会我使劲和我朋友抱怨,太难了,学不动,不想学,不学了...

  • 微信小程序创建动画

    微信小程序创建动画 本文说下微信小程序的动画创建先看效果图 [video(video-ahQoAtNe-15889...

  • [教程]玩转微信小程序(四)名片盒「我」的页面详解

    系列教程:玩转微信小程序(一)怎样将「服务号」改造成「小程序」?玩转微信小程序(二)微信小程序项目结构及配置玩转微...

网友评论

      本文标题:微信小程序项目创建

      本文链接:https://www.haomeiwen.com/subject/fbdmiftx.html