项目页卡主要有三大功能

## 基本信息

包括图标、AppID、第三方平台名（只有第三方平台的开发小程序才会显示）、目录信息、上次提交代码的时间以及代码包大小。

![](https://res8.wxqcloud.qq.com.cn/wxdoc/a9b9dc3c-247f-45c1-8d37-874a419a36ec.png)

### 基础库版本切换

开发者可以在此选择任意基础库版本，用于开发和调试旧版本兼容问题。

![clientlib](https://res8.wxqcloud.qq.com.cn/wxdoc/ef64d830-22f9-4cf3-8439-2054d46e7a5e.png)

### 显示基础库支持的客户端版本

工具1.02.2002252或以上版本，开发者可以在此查看任意基础库支持的微信客户端版本范围

![clientlibversion](https://res8.wxqcloud.qq.com.cn/wxdoc/725390df-d96f-44e0-bf91-af65296a1880.png)

### 显示灰度中的基础库

正式版本的基础库全量发布前，会有一个灰度的过程。

工具1.02.2002252或以上版本，开发者可以在此查看正在灰度中的基础库版本

![canaryclientlib](https://res8.wxqcloud.qq.com.cn/wxdoc/ba74d7e9-ee82-481f-9df6-b789325e8d48.png)

### 下发测试基础库
> **注意**：该功能只能下发到登录开发者工具的微信号的客户端，并会影响到该客户端所有小程序

工具1.02.2003112或以上版本，开发者可以在此选择任意基础库版本并下发到客户端

![pushcommonlib](https://res8.wxqcloud.qq.com.cn/wxdoc/9fc30c30-d5dc-4f56-b23b-f47ccb33c25c.png)

微信客户端对开发版小程序打开调试，可以查看下发测试基础库的生效时间以及版本

![pushcommonlibtime](https://res8.wxqcloud.qq.com.cn/wxdoc/c044770a-8d61-4d38-afb3-6410398d91b3.png)
![pushcommonlibversion](https://res8.wxqcloud.qq.com.cn/wxdoc/2e906efe-2921-4b74-a6f6-49a7dca23853.png)

## 本地设置

### 上传代码时样式自动补全

在预览、真机调试、上传时使用 [autoprefixer](https://www.npmjs.com/package/autoprefixer) 对 `wxss` 文件中的样式类自动补全前缀，以对不同的浏览器内核的真机做样式兼容性适配 autoprefixer 的 browsers 参数为 `[ 'iOS >= 8', 'Chrome >= 37', ]`，勾选此项会增大代码包体积。

### 上传代码时自动压缩样式

在预览、真机调试、上传时使用 [cssnano](https://www.npmjs.com/package/cssnano) 对 `wxss` 文件进行压缩

### 上传代码时自动压缩混淆

在预览、真机调试、上传时使用 UglifyJS 或者 Terser 对 `js` 文件进行压缩混淆

### 上传时进行代码保护

开启此选项，开发者工具会尝试对项目代码进行保护，主要是对文件进行扁平化处理并替换 `require` 引用的文件名，以下情况不适合使用此功能

1. 1.对于小程序只有简单页面的情况下，开启此功能效果不佳
2. 1.有文件超过 500kb，且其中有使用 `require` 引用项目中的文件的情况，在运行时可能会报文件没有找到
3. 1.动态引用的情况，如 `var a = 'somefile.js'; require(a);`
4. 1.将 `require` 函数赋值给其他变量的情况，如 `var a = require; a('somefile.js');`
5. 1.将 `require` 作为二元运算符的参数的情况，如 `require + 1;`
6. 1.使用 `...` 运算符且未开启 ES6 转 ES5 的情况

### 自动运行体验评分

开启后，模拟器运行时，调试器-Audit 面板将自动运行体验评分检测
![auto audit](https://res8.wxqcloud.qq.com.cn/wxdoc/d25e2b11-fe66-42b6-bba9-bf14a1e95ffe.png)

### 不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书

正式发布的小程序的网络请求是需要校验网络请求（`wx.request`, `wx.connectSocket`、`wx.downloadFile`, `wx.uploadFile`）、`<web-view />` 组件允许加载的业务域名是否已经配置成为合法域名，以及域名的 TLS 版本、HTTPS 证书有效性，

其中服务器域名和 `<web-view />` 业务域名可以在 [mp 管理后台](https://mp.weixin.qq.com) 开发-开发管理-开发设置 中进行配置。

在开发过程中可以开启此选项，开发工具将不会校验安全域名、`<web-view />` 业务域名，以及 TLS 版本、HTTPS 证书，帮助在开发过程中更方便的完成调试工作。

### 启用数据预拉取

开启后模拟器每次编译都会先同步预拉取数据，详见[数据预拉取](/miniprogram/dev/framework/ability/pre-fetch.md)

### 启用代码自动热重载

开启后，修改代码文件，模拟器可以在不刷新的情况下生效变更。
进入热重载模式后，会在模拟器区域有个显示的提示，该功能在 2.12.0 及以上的基础库生效

![](https://res8.wxqcloud.qq.com.cn/wxdoc/a2c36490-df4c-427f-85ab-bea8705b995a.png)

**注意: `App.onLaunch` 因没有触发场景无法生效热重载，需要重新点击编译；`Page.onLoad` 需要重新进入页面热重载的变更才能生效**

### 启用多核心编译

开启后开发者工具将使用 node cluster 多核能力进行本地代码编译，

**注意：对于双核四线程 CPU 的机器不建议开启该功能**

### 启用自定义处理命令

开启后，工具在编译前、预览前、上传前这三个时机调用开发者自定义的命令，
开发者可以去对代码进行一些预处理或者上报的逻辑

## 项目设置

### 域名信息

将显示小程序的安全域名信息，合法域名可在 [mp 管理后台](https://mp.weixin.qq.com) 开发-开发管理-开发设置 中进行设置。

![host](https://res8.wxqcloud.qq.com.cn/wxdoc/0bd28f3d-eff1-4b04-8f9f-e620cc6a760e.png)

### 高级设置

将显示小程序代码包允许的大小等其他配置信息