用VScode查看网页源代码可以通过安装相应的插件来实现，下面是具体的操作流程：

1. 打开VScode并点击左侧的插件图标（或按Ctrl + Shift + X），在搜索框中输入“HTML”或“Web页面”等关键字，查找并安装合适的插件，如“HTML Preview”、“HTML CSS Support”等。

2. 安装完成后，打开需要查看源代码的网页文件，如一个`.html`文件。

3. 在VScode的顶部菜单栏中选择“查看”（View） -> “隐藏边栏” (Hide Sidebar) ，这样可以最大化编辑区域，方便查看源代码。

4. 在顶部菜单栏中选择“查看”（View）->“外部”(External) -> “在默认应用程序中打开”(Open in Default Application)。

5. 网页将在默认浏览器中打开，然后右键点击网页，在弹出菜单中选择“查看网页源代码”(View Page Source)。

6. 网页源代码将在新的浏览器标签页或窗口中打开。此时，你可以复制源代码，然后回到VScode粘贴到编辑区域中进行查看和编辑。

另外，如果安装了“HTML Preview”插件，你也可以在VScode中直接预览网页源代码。具体操作如下：

1. 安装“HTML Preview”插件后，直接在VScode中打开需要查看的`.html`文件。

2. 在编辑区域右键点击，选择“在HTML预览中打开”(Open in HTML Preview)。

3. 一个新的预览窗口将打开，显示网页的源代码。你可以在VScode中进行编辑和保存。

通过以上步骤，你可以方便地在VScode中查看和编辑网页的源代码。