VSCode前端开发工具介绍、下载和安装（从头到尾）

慕斯-ing

已于 2022-08-04 09:19:30 修改

阅读量5.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：开发工具文章标签： vscode 编辑器前端

于 2021-04-23 21:32:18 首次发布

本文链接：https://blog.youkuaiyun.com/blbyu/article/details/116062406

开发工具专栏收录该内容

20 篇文章

订阅专栏

本文介绍了为何选择VisualStudioCode（VSCode）作为前端开发工具，包括其开源、跨平台、轻量级及丰富的插件库等优势。详细步骤演示了如何从官网下载并安装VSCode，特别提醒在安装过程中需选中创建桌面快捷方式。此外，还提供了相关文章链接，涵盖了VSCode的基础配置、自动保存设置等实用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、为什么使用VSCode作为前端开发工具？：
Visual Studio Code（简称VS Code/VSC），个人认为它主要有以前几个好处：
①开源-可免费使用（例如，WebStorm和Sublime Text需要收费）；
②跨平台-可在桌面上运行，并且可用于Windows，macOS和Linux。
③轻量级-有的软件一安装就是小几个GB，而VSCode只需要几十兆。
④插件-VSCode的后台拥有一个很大的库，可以根据自己的开发需要通过插件扩展其功能，这个是很多软件所不具备的。

二、如何下载VSCode？：
①VScode安装包的官网下载地址：https://code.visualstudio.com/
②安装包我已上传至平台，可点击链接直接免费下载使用，方便绿色快捷。https://download.youkuaiyun.com/download/blbyu/17233790）

三、如何安装VSCode？（这里以官网下载为例）：
第一步：点击Download for Windows，选择适合自己的版本，这里选择Windows X64（stable版本）
在这里插入图片描述
选择版本后自动进入如下界面，点击下载即可。

第二步：双击 VSCodeUserSetup-x64-1.55.2安装包，傻瓜式点点点即可。

注意，这里要选中“创建桌面快捷方式（D）”，默认是未选中状态。