制作企业网站页面htmlwordpress相册管理系统
这一章，我将带你重新认识vscode
一、工作区划分
1、活动条（Activity Bar）
活动条是一个核心的导航，扩展可以通过在View Containers中配置，从而渲染Views中的视图。
具体来说就是在package.json中配置如下：
// 注意：contributes.viewsContainers.activitybar[0].id要
// 和contributes.views中的其中一个key值相匹配
{"contributes": {"views": {"testBar1": [{"id": "nodeDependencies3","name": "Node Dependencies999"},{"id": "nodeDependencies4","name": "Node Dependencies000"}]},"viewsContainers": {"activitybar": [{"id": "horseBar","title": "horseBar-title","icon": "resources/light/refresh.svg"}]}}
}
当然，具体的视图（nodeDependencies3，nodeDependencies4）渲染还需要在src/extension.ts中注册对应的视图。这里是简单代码，nodeDependenciesProvider具体实现在其他章节
export function activate(context: vscode.ExtensionContext) {vscode.window.registerTreeDataProvider("nodeDependencies3",nodeDependenciesProvider);vscode.window.registerTreeDataProvider("nodeDependencies4",nodeDependenciesProvider);
}
2、主侧边栏(Primary Sidebar)
主侧边栏渲染一个或者多个视图(Views),活动条和主侧边栏是密切耦合或者说是密切相关的。一般来说点击活动条的一个项，会打开主侧边栏的相关视图，就像目录1所示
3、编辑区(Editor)
编辑区域包含一个活多个编辑组。扩展可以通过配置Custom Editor或者Webviews去在编辑区域打开。也可以通过配置Editor Actions去暴露额外图标按钮在编辑工具条
4、面板(Panel)
面板是View Containers暴露渲染的另一个区域。默认的，如命令行终端，问题，输出
5、状态栏(Status Bar)
状态栏提供与上下文相关的信息，如当前打开文件，鼠标在文件中的位置。
二、一些工具条
更细致的认识
在下面的这些地方都可以添加不同的项
