vscode的安装流程及用eclipse和vscode两者的区别

1. 首先进入VScode的官网Visual Studio Code - Code Editing. Redefined

点击下载

2.安装完成后，点击“我同意此协议”，再点击“下一步”

3.选择安装位置，点击下一步

4.选择附加任务，全部打勾后点击“下一步”

5.点击“安装”

6.安装完成

VScode常见插件的安装

1. 在扩展中搜索Chinese 点击安装改为简体中文

点击install后，再屏幕右下角有弹框，要求更新语言并重启软件。

2.在“扩展”里搜索JavaScript并安装

3.在“扩展”里搜索HTML Snippets并安装

4.在“扩展”里搜索Open in browser并安装

Eclipse和VScode的区别

Eclipse图文操作过程

1. 新建，点击new，再点击project，自行命名

2.在创建的文件中创建Folder，分别命名js,css,image

3.建立HTML，点击new，进入other，找到Web,点击HTML File

4.将echarts.js和echarts.min.js拖入eclipse中js里

5.再将案例一导入NewFile.html中

保存   再运行(open with------WebBrowser)

6.最终效果

VScode图文操作过程

1. 在D盘建立一个新的文件夹，并将文件添加到工作区域

2.新建文件js，并把echarts.js和echarts.min.js拖入VSCode中js里面

3.新建文本文件，选择语言，HTML并导入案例一

4.保存到新文件夹

5.最终效果图