微信小程序

学习目标：

微信小程序

设置：

外观设置 支持配置开发者工具外观和主题和区块配置
主题：深色、浅色
字体
字号
行距

---

编辑设置
修改文件时自动保存
编译时自动保存所有文件
文件保存时自动编译小程序
自动折行
用空格代替 Tab
代码缩略图
总是在新标签页打开文件
Git 比较文件内容时，忽略 Windows 风格回车符
Tab 大小
如果选中了 “总是在新标签页打开文件”，则在编辑器目录树点击文件时，总是会在一个新标签页中打开此文件，而非在临时标签页中打开。

代码保护

开启此选项，开发者工具会尝试对项目代码进行保护，主要是对文件进行扁平化处理并替换 require 引用的文件名，以下情况不适合使用此功能
对于小程序只有简单页面的情况下，开启此功能效果不佳
有文件超过 500kb，且其中有使用 require 引用项目中的文件的情况，在运行时可能会报文件没有找到
动态引用的情况，如 var a = ‘somefile.js’; require(a);
将 require 函数赋值给其他变量的情况，如 var a = require; a(‘somefile.js’);
将 require 作为二元运算符的参数的情况，如 require + 1;
使用 … 运算符且未开启 ES6 转 ES5 的情况
不校验请求域名及 TLS 版本

文件格式：

文件格式 因 iOS 下仅支持 UTF8 编码格式，最新版本的开发者工具会在上传代码时候对代码文件做一次编码格式校验。
文件支持 工具目前提供了 5 种文件的编辑：wxml、wxss、js、json、wxs 以及图片文件的预览。
文件操作 新建页面有两种方式
在目录树上右键，选择新建 Page，将自动生成页面所需要的 wxml、wxss、js、json
在 app.json 的 pages 字段，添加需要新建的页面的路径，将会自动生成该页面所需要的文件

---

项目配置文件：

案例：

提示：

//css

内容来源于：微信小程序官方文档地址：微信小程序

---

本文地址：https://blog.csdn.net/GengFuGuo/article/details/111874101