安装Visual Studio Code 2022 并实例演示

一、安装过程 

首先进入到VScode的官网去下载2022版本的。

这是官网图片

1.点击“我同意此许可” 

2.根据自己的需求调整安装的盘  

 3.不用调整直接点下一步

 4.下面的根据自己的需要勾选，可以全部勾选

 5.点击安装

 6.点击完成

7.安装拓展

我们进入到这个软件里面 

 可以下载一个中文包，方便我们使用这个软件

二、cv与eclipse的案例比较

1.eclipse的案例

①首先创建一个文件 

 

 ②在123下在分别创建css和js这两个文件夹

 

 

 

 ③在123下创建一个HTML文件

 

④把js文件夹中的文件复制到eclipse中的js的文件夹下

 

在eclipse中的显示如下图

⑤将示例复制到HTML中演示出结果

⑥运行出结果如下图

2.vsc的实例演示

①首先先新建工作区间

可以直接新建也可以从文件中打开工作区间，我是从外面新建文件然后打开的工作区间。

②在111工作区间创建两个文件，分别为css和js

创建好js文件后也要把js文件夹中的两个东西复制到js文件中

③创建一个新文件，然后把实例复制进去，最后演示出结果。

一定要记得选择语言 

选择好语言后呈现下图这样的界面

然后把实例复制进来，并运行出结果。

结果如图所示