微信小程序-枯木学习笔记1-环境搭建

Posted 2022-06-10 长安紫薯

第一步注册，申请小程序ID

开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。
https://mp.weixin.qq.com/wxopen/waregister?action=step1


把小程序ID号复制一下

第二步：安装开发工具

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

选择安装适合自己的操作系统对应的版本，一路next无特殊配置。

创建项目card

微信小程序会按模板生成框架性的文件，如上图结构

修改到最简

熟悉一个新技术要快速掌握哪些没用，哪些可改。
我们先把项目做到最简

• 删除logs目录
• 删除utils目录
• 精简app.json，去掉pages中的logs目录，注意上一行结尾的分号也去掉
• 删除index.wxml中所有内容，只写个页面上展现的字符串 Hello World!
• 删除index.wxss中所有内容
• 精简index.js文件

index.js文件

// index.js
// 获取应用实例
const app = getApp()

Page(
  data: 
    wording: 'Hello World'
  
)

手机预览

点击预览，进行编译，展现二维码，手机扫码后，就可以在手机上看最终效果。