Visual Studio Code的下载和安装

红太狼 2024-04-07 12:43 68阅读 0赞

#### 本章介绍Vue 开发使用的工具 Visual Studio Code 的下载和安装 ####

#### 概述 ####

VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。

在 Stack Overflow 组织的开发者调查中，Visual Studio Code 被认为是**最受开发者欢迎**的开发环境。

免费！漂亮！智能！功能全！好用！易用！

![88237122411d42acb2839febbb6e7735.png][]

### 1、Visual Studio Code的下载和安装 ###

####  **1.1 百度搜索 VsCode**，进入官网:[https://code.visualstudio.com/][https_code.visualstudio.com] ####

![7ea26caf1128437683b8b2874aa1b6e9.png][]

#### **1.2 下载Visual Studio Code** ####

点击下载软件

![aee536e8de1e4707af070915050c6a81.png][]

### 2、Visual Studio Code的下载和安装 ###

#### **2.1 安装Visual Studio Code** ####

本文以windows为例。

双击安装包，下一步

![1dabafeb3aef45f688a557f3f542cbea.png][]

####  **2.2 自定义安装路径** ####

![0ad4ea79c2df4582b85d7cedc7a91814.png][]

####  **2.3 安装完成** ####

![db89de86b1704394b0b4a47252fb1eaa.png][]

### 3、安装 **Visual Studio Code** 常用插件 ###

auto code 、chinese简体中文包 、Eslint前端语法检查、html css、javaScript、live Server实时服务器、open in browser浏览器、Vuter开发vue。安装后重新启动 **Visual Studio Code**。

![cae4d1289b1243419660b2fa0d3298fc.png][]

![85c4de2e80b84c77b0912f20bff72868.png][]

![aade4f0f497843479af2ef969b585d9d.png][]

![37a7fa1b14ec4f8aa91e394e2071df91.png][]

![decb54475ca141f497665e72526e7324.png][]

![499bf11b6b7c48d3a0be3f717c06288c.png][]

![67a7be3ef831443a8ee73eca8077a9d4.png][]

![4787b6e0c2e04f88b1f9f1a4b0ec9b32.png][]

![5c31f90354034f9289784cb00f11af3c.png][]

至此 **Visual Studio Code 下载安装完毕。**

[88237122411d42acb2839febbb6e7735.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/0562c9d53f494d5780ede49eceecedc8.png
[https_code.visualstudio.com]: https://code.visualstudio.com/
[7ea26caf1128437683b8b2874aa1b6e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/d4f846b93eec47748a98ef6c9dbeae5d.png
[aee536e8de1e4707af070915050c6a81.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1b4fd451ce894ace8c0b79841a6848a8.png
[1dabafeb3aef45f688a557f3f542cbea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/080aa10da670486d96b416b3ece6f9de.png
[0ad4ea79c2df4582b85d7cedc7a91814.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/32d9ee65671745bdbca1ea021ba0cccb.png
[db89de86b1704394b0b4a47252fb1eaa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/7307f8cbe95d4eeb943a338a4069df90.png
[cae4d1289b1243419660b2fa0d3298fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/75f3f24fc3d248f093ff11878f9b1e97.png
[85c4de2e80b84c77b0912f20bff72868.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/9efc4ad608434114a1e9868eac9edf6c.png
[aade4f0f497843479af2ef969b585d9d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/805619c2014841ddaccab16f89dab218.png
[37a7fa1b14ec4f8aa91e394e2071df91.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/3e4693d9bbad4371a53ed3816daa373d.png
[decb54475ca141f497665e72526e7324.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/4a21d1064ff643e285079bf2d20b304b.png
[499bf11b6b7c48d3a0be3f717c06288c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/e6d3d87f016544a2ae748d9dd8df31dd.png
[67a7be3ef831443a8ee73eca8077a9d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/df076ba3be08494a98d7b47b0e414d19.png
[4787b6e0c2e04f88b1f9f1a4b0ec9b32.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/21b619ce7c724b3f969ba40749354bf0.png
[5c31f90354034f9289784cb00f11af3c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/98a652675a234722a24b0f716fbc4963.png