【9】微信小程序开发

 以下为最近学习微信小程序的手账记录，目前还在学，

待整个学完做完一个项目后来整理全篇。

常用热键：

1、自动代码重置格式

shift+alt+F

2、同时编辑多行代码

shift+alt+上下方向键

3填写多行注释

shift+alt+a

其它快捷键 

快捷键

Ctrl+S：保存文件
Ctrl+【， Ctrl+】：代码行缩进
Ctrl+Shift+【， Ctrl+Shift+】：折叠打开代码块
Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行
Shift+Alt+F：代码格式化
Alt+Up，Alt+Down：上下移动一行
Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行
Ctrl+Shift+Enter：在当前行上方插入一行

Ctrl+End：移动到文件结尾
Ctrl+Home：移动到文件开头
Ctrl+i：选中当前行
Shift+End：选择从光标到行尾
Shift+Home：选择从行首到光标处
Ctrl+Shift+L：选中所有匹配
Ctrl+D：选中匹配
Ctrl+U：光标回退 

上传图片代码：

imglist.forEach((v, i) => {
      wx.uploadFile({
        // 图片上传到的位置
        url: 'https://img.coolcr.cn/api/upload',
        // 被上传的文件的路径
        filePath: v,
        // 上传的文件的名称 后台来获取文件 file
        name: "image",
        // 顺带的文本信息
        formData: {},
        success:(result)=>{
          console.log(result);
          let url=JSON.parse (result.data).data.url;
          this.UpLoadImgs.push(url);
          console.log(this.UpLoadImgs);
        }
      })
    })

 

1、注册开发账号

点击以下的官网

微信公众平台

用自己的邮箱注册之后，登录账号进行填写个人信息

上传微信小程序的图标，名称，简介等信息

然后可以选择添加开发人员

2、下载开发工具

点击文档-->工具

点击蓝字查看版本

 选择自己电脑适应的版本

3、创建项目

输入自己的appid号（这个账号在小程序网页管理页面的设置里面）

 然后填写项目路径文件夹创建项目

 4、项目结构

官方开发指南

微信开放文档 (qq.com)

5