初识VSCode

最新推荐文章于 2021-04-08 22:34:51 发布

随心1993

最新推荐文章于 2021-04-08 22:34:51 发布

阅读量848

点赞数 2

分类专栏： html css javascript IDE 文章标签： VSCode

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/colourful_sky/article/details/86562456

版权

IDE 同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

css

1 篇文章 0 订阅

订阅专栏

Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，跨平台支持Windows，Mac OS X和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、JAVA、Python、PHP等其他语言。

微软对于vscode的定位如下图，位于编辑器与IDE之间，但是更像一个编辑器。

下载安装

Visual Studio Code最新版下载地址，https://code.visualstudio.com/，文件不到50M，目前最新版本是1.30.2，然后选择一个安装路径，和其他普通安装软件一样。

界面简介

安装完成后，我们看到的Visual Studio Code界面如下，当然不同的系统界面边框略有不同，基本布局如图：
在这里插入图片描述
功能蛮多，挺好用的，尤其是对CSS, HTML, JavaScript, JSON等几种语言有智能提示，简直就是前端开发神器。
试试新建一个文件，然后点击右下角的Plain Text，在选择框内选择html，然后在当前文件下输入！，再按下tab键，就会自动补全html代码。我们在<body>标签内输入hello word，这时我们还不能直接运行当前html文件，需要装一个插件。

插件安装

打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮，如下图所示：
在这里插入图片描述
在搜索框内搜索view in browser，然后安装，重启之后，打开之前创建的html文件，鼠标右键，点击view in browser，此时就会在浏览器显示，如下图：

更多vscode的操作可以参考以下第三和第四个链接。