Visual Studio Code (VS Code)安装教程以及实现案例一

1.下载安装包

VS Code的官网： Visual Studio Code - Code Editing. Redefined

2.安装

3.安装扩展

VS Code默认是英语，所以需要在打开VS Code之后再安装中文扩展。

在左边的工具栏点击扩展（Ctrl + Shift + X），搜索框中搜索“Chinese”,选择第一个“中文（简体）”，点击“安装”。

点击右下角Change Language and Restart后就切换成简体中文了。

扩展JavaScript

扩展HTML Snippets

扩展 open in browser

 使用eclipse实现案例1

创建一个项目

new -folder-（js，css，image）

 

new-other-Web-HTMLFile

再将echarts.js和echarts.min.js移动到js文件夹中

在NewFile.html中写入案例一代码

实现结果

使用VS实现案例一

选择语言html

在untitled-1.html中写入案例一代码

右键或者alt+B

代码实现