VS Code 下载安装以及非常好用的插件

这篇具有很好参考价值的文章主要介绍了VS Code 下载安装以及非常好用的插件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

VS Code 安装文档

给他家也准备好了安装包:快捷直达

一、下载

进入VS Code官网:地址直达,点击 DownLoad for Windows下载windows版本

vscode 插件下载,安装,vscode,ide,编辑器

当然也可以点击旁边的箭头,下载Windows版本 或 Mac OS 版本

vscode 插件下载,安装,vscode,ide,编辑器

  • Stable:稳定版
  • Insiders:内测版

二、安装

vscode 插件下载,安装,vscode,ide,编辑器

双击安装包,选择我同意此协议,再点击下一步

vscode 插件下载,安装,vscode,ide,编辑器

选择安装路径,点击下一步 。也可以使用默认值: C:\Users\super\AppData\Local\Programs\Microsoft VS Code

vscode 插件下载,安装,vscode,ide,编辑器

继续点击下一步

vscode 插件下载,安装,vscode,ide,编辑器

可以勾选创建桌面快捷方式,如果不想使用vscode作为代码默认打开方式,可以取消将code注册为受支持的文件类型的编辑器,点击下一步

vscode 插件下载,安装,vscode,ide,编辑器

点击安装,开始安装

vscode 插件下载,安装,vscode,ide,编辑器

vscode 插件下载,安装,vscode,ide,编辑器

vscode 插件下载,安装,vscode,ide,编辑器

安装完成,运行VS Code。

vscode 插件下载,安装,vscode,ide,编辑器

三、VS Code插件安装

vscode 插件下载,安装,vscode,ide,编辑器

VS Code提供了非常丰富的插件功能,根据你的需要,安装对应的插件可以大大提高开发效率。

完成前端开发,常见插件介绍:

1、Chinese (Simplified) Language Pack

适用于 VS Code 的中文(简体)语言包

vscode 插件下载,安装,vscode,ide,编辑器

2、Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ,会提示你是否修改成 banana ,也可以将 banane 添加至检查器的字典中。

vscode 插件下载,安装,vscode,ide,编辑器

3、HTML CSS Support

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

vscode 插件下载,安装,vscode,ide,编辑器

4、JavaScript (ES6) code snippets

支持ES6语法提示

vscode 插件下载,安装,vscode,ide,编辑器

5、Mithril Emmet

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

vscode 插件下载,安装,vscode,ide,编辑器

6、Path Intellisense

路径提示插件

vscode 插件下载,安装,vscode,ide,编辑器

7、Vue 3 Snippets

在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率。
vscode 插件下载,安装,vscode,ide,编辑器

8、VueHelper

vscode最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码

vscode 插件下载,安装,vscode,ide,编辑器

9、Auto Close Tag

自动闭合HTML/XML标签

vscode 插件下载,安装,vscode,ide,编辑器

10、Auto Rename Tag

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

vscode 插件下载,安装,vscode,ide,编辑器

11、Beautify

格式化 html ,js,css

vscode 插件下载,安装,vscode,ide,编辑器

安装过程中, 如果提示是否需要继续安装, 选择 “仍要安装”。

12、Bracket Pair Colorizer

给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

vscode 插件下载,安装,vscode,ide,编辑器

安装过程中, 如果提示是否需要继续安装, 选择 “仍要安装”。

13、open in browser

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

vscode 插件下载,安装,vscode,ide,编辑器

14、Vetur

Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

vscode 插件下载,安装,vscode,ide,编辑器

15、File Utils

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

vscode 插件下载,安装,vscode,ide,编辑器

16、IntelliJ IDEA Keybindings

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

vscode 插件下载,安装,vscode,ide,编辑器

四、VS Code 配置

打开配置面板,根据自己的喜好,可以修改字体、背景样式等偏好设置

vscode 插件下载,安装,vscode,ide,编辑器

五、VS Code 快捷键

vscode 插件下载,安装,vscode,ide,编辑器文章来源地址https://www.toymoban.com/news/detail-698850.html

到了这里,关于VS Code 下载安装以及非常好用的插件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 一分钟解决:vscode卡在“设置SSH主机:VS Code-正在本地下载 VS Code 服务器”

    问题:vscode之前可正常使用,更新之后,连接服务器卡住了。 解决:从CMD或者你的终端连接服务器,进入vscode-server目录下,删除一些文件夹就行,然后使用vscode重新链接,它会自动下载新的远程服务软件,替换服务器端可能损坏的文件。 步骤: 1、使用终端进入服务器 2、进

    2024年02月04日
    浏览(24)
  • Visual Studio Code (VS Code)安装教程(非常详细)从零基础入门到精通,看完这一篇就够了

    Visual Studio Code(简称“VS Code”)是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器,可在桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持,

    2024年02月14日
    浏览(26)
  • VS code更改插件安装位置

    VS code插件位置默认安装在C盘用户目录下,随着安装插件的数量增加,占用用C盘内存较大,我选择将插件移动到D盘。我之前使用过利用mklink来创建目录符号链接这种方式,但没有成功,于是就放弃了。我的步骤分两步: (极力推荐第3种方式) 将用户目录下的插件剪切到D盘

    2024年02月01日
    浏览(17)
  • 修改『Visual Studio Code(VS Code)』插件默认安装路径的方法

    提示:文章中“『』”符号“加粗”都为着重说明,此二者同时使用一般为输入内容。 作者希望将『Visual Studio Code(以下简称为“ VS Code ”)』的插件安装在 数据盘 (D盘),用于统一管理,因此需要修改VS Code插件 安装路径 。 VS Code插件默认的安装位置为: C:Users{个人用户名

    2024年02月07日
    浏览(26)
  • 解决VS Code安装远程服务器插件慢的问题

    最近想在服务器上做juypter notebook的代码运行,发现要给服务器安装Jupyter插件,但是安装速度奇慢无比(因为服务器不连外网),一开始查看从VS Code插件市场下载插件的博客,但是感觉还是比较麻烦。 假如单位的网络可以高速访问外网的话,给出更加便捷的做法如下: 打开

    2024年02月07日
    浏览(25)
  • 【大模型】直接在VS Code(Visual Studio Code)上安装CodeGeeX插件的过程

    【系统环境】Windows11 【工具】手机号或邮箱(用于注册CodeGeeX账号,没有账号是不能使用的) 这个可以自行百度,肯定比我说的全面、客观。 这里说一下我的理解(只针对我要用它干嘛,而不是它全部的用途哦)。 对于我来讲,它主要的用途有两个:代码生成器和智能问答

    2024年04月25日
    浏览(18)
  • 七款非常好用的 ChatGPT 开源插件

    这是一个基于chatGPT实现的Github机器人,可以让chatGPT帮你审核代码、重构代码,还可以在Github页面上和它进行聊天,咨询问题。 仓库地址: github.com/oceanlvr/Ch… 这个项目是用Node.js基于OpenAI的ChatGPT实现和封装的工具。 可以使用它构建由 ChatGPT 支持的项目,例如,聊天机器人、网

    2024年02月05日
    浏览(20)
  • PhpStorm 2023年下载、安装教程和好用插件,保姆级教程

    phpstorm是一个非常强大的全栈开发工具,还包含了webstorm的全部功能,更能够支持php代码。phpstorm的功能挺多的,比如智能代码补全,快速导航以及即时错误检查… 我学php一开始是用 HBuilder X 和 VScode 写的,但是随着学习渐渐觉得这两个编辑器慢慢不能满足我一些需求,最近入手

    2024年02月08日
    浏览(28)
  • VS code中 扩展插件安装 提示:Error while fetching extensions : XHR failed

    VSCode安装插件时,报了这么一个错:Error while fetching extensions : XHR failed 大多帖子都是让改网络配置的代理。 打开关闭都没用 . 找到这个路径的 hosts文件,用文本工具打开 C:WindowsSystem32driversetc 如果保存不了 右键 文件属性,查看是否只读,或者安全选项中 勾选读写权限后

    2024年02月08日
    浏览(35)
  • 【开发环境】Mac 安装 Visual Studio Code ① ( VSCode 简介 | 下载 VSCode | 安装 VSCode | 安装中文语言包 )

    Visual Studio Code 简称 VSCode , 是 微软 开发的一款 轻量级 / 跨平台 的代码编辑器 ; VSCode 支持 Windows、macOS 和 Linux 操作系统 ; VSCode 支持如下 编程语言 : JavaScript TypeScript Node.js C++ C# Java Python PHP Go VSCode 集成了调试器 , 可以调试 上述 多种语言 ; VSCode 内置了 Git 版本控制插件 , 可以

    2024年04月28日
    浏览(25)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包