VsCode安装及常用插件下载

目录

1.VsCode安装

2.VsCode常用插件安装

百度网盘链接:https://pan.baidu.com/s/1bO4Iyi_MmeU-hab391FFdQ?pwd=l3ca 
提取码：l3ca

内有VsCode,NodeJs安装包

1.VsCode安装

VsCode官网：https://code.visualstudio.com/

此处下载最新版的VsCode即可

• 下载完成之后就进入安装步骤

• 选择安装路径

• 选择菜单文件夹

• 准备安装

• 安装中，稍微等待一会

• 安装完成

• 首次打开VsCode的页面

2.VsCode常用插件安装

1.Chinese (Simplified) Language Pack

适用于 VS Code 的中文（简体）语言包

点击箭头所指处，会自从重启VsCode

重启之后就会变为中文

• 此后的插件下载只需仿照第一个即可，点击下载即可，重启VsCode后生效

2.HTML CSS Support

在编写样式表的时候，自动补全功能大大缩减了编写时间。

3.JavaScript (ES6) code snippets

支持ES6语法提示

4.Mithril Emmet

一个能大幅度提高前端开发效率的一个工具，用于补全代码

5.Path Intellisense

路径提示插件

6.Vue 3 Snippets

在 Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的 VS Code 插件，能极大提高你的开发效率。

7.Auto Close Tag

自动闭合HTML/XML标签

8.Auto Rename Tag

自动完成另一侧标签的同步修改

9.open in browser

vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari

10.Live Server

一个具有实时加载功能的小型服务器，也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。

11.Vue Language Features (Volar)

一个专门为 Vue 3 构建的语言支持插件。它基于@vue/reactivity按需计算一切，实现原生 TypeScript 语言服务级别的性能。

12.TypeScript Vue Plugin (Volar)

TypeScript Vue Plugin是一个对Vue.js框架进行扩展的插件，它允许开发者使用TypeScript语言编写Vue组件和应用程序，并提供了更好的类型检查和编辑器支持。通过使用TypeScript Vue Plugin，开发者可以在编写Vue应用时获得更好的开发体验和代码可维护性。

13.File Utils

File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。

14.IntelliJ IDEA Keybindings

安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。