cookworks-app（应用管理器）

从框架视角预览和管理您应用的组织，向资源管理器面板添加 npm 脚本、依赖信息视图，新增应用管理器面板提供项目仪表盘、工程能力（调试、发布）。对 Vue 和 Cookjs 应用友好

应用管理器面板

初始化窗台

当您安装好插件之后，在您VS Code的左侧活动栏会增加一个图标，点击此图标可以进入应用管理面板

当您的工作区为空 或者 非Vue/Cookjs应用, 则会进入面板的初始化状态

创建项目

当您打开一个空文件夹时，初始化侧边栏将自动唤起创建应用流程，您也可以点击侧边栏中的【创建应用】按钮来唤起该流程

设置

您可通过点击侧边栏上的【设置】来设置在使用 Cookworks 时的一些配置，这些配置只会应用到 Cookworks 的相关操作

1. 点击设置，进入设置页面
2. 配置包管理工具（默认为npm）
3. 配置默认镜像流（默认为淘宝网镜像）

快速入口状态

如果您当前的工作区时 Vue/Cookjs 应用, 则会进入面板的快速入口状态，在快速入口试图上，我们提供了一些常用的全局功能按钮

项目仪表盘（待开发）

仪表盘会展示当前应用的一些状态，如果您的额应用在一个项目周期内，还会展示一些跟研发链路相关的信息

** 激活： **

• 通过侧边栏快速入口中的【项目仪表盘】打开
• 点击右下角命名面板 Cookworks, 选择Cookworks: 项目仪表盘 打开

欢迎使用

欢迎使用页面会提供使用 Cookworks 的视屏教程

** 激活：**

• 通过侧边栏快速入口中的【欢迎使用】打开
• 点击右下角命名面板Cookworks, 选择Cookworks: 欢迎使用 打开

资源管理器面板

当您的工作区是一个 Vue或者 Cookjs 应用，插件将向您的资源管理器面板添加【快捷操作视图】和【依赖信息视图】

快捷操作视图

1. 在左侧的面板处查看可执行的脚本信息
2. 点击 播放按钮, 立即在终端执行脚本
3. 点击 停止按钮, 结束在终端执行的脚本

查看依赖消息、升级依赖包或重新安装依赖

1. 在左下角依赖库中查看应用安装的所有依赖；
2. 点击依赖项目旁边的 ⬆️ 按钮，即可更新到最新依赖；
3. 点击依赖列表标题框上的 重装依赖 按钮，即可重装应用的所有依赖包。

一键安装或安装指定依赖

1. 点击依赖列表标题框上面的+按钮；
2. 点击依赖项目旁边的 ⬆️ 按钮，即可更新到最新依赖；
3. 点击依赖列表标题框上的 重装依赖 按钮，即可重装应用的所有依赖包。

命令面板

可以通过点击窗口右下角状态栏上的【Cookworks】按钮激活，命令面板

1. 找到VS Code右下角的Cookworks(注意：如果没有 Cookworks 图标)， 请按照激活章节的内容来激活此按钮
2. 点击 Cookworks 按钮，打开命令面板