当前位置: 首页 > news >正文

VS Code 安装文档

一、下载

        进入VS Code官网:https://code.visualstudio.com,点击 DownLoad for Windows下载windows版本。

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

  • Stable:稳定版

  • Insiders:内测版

二、安装

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

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

         继续点击下一步

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

 

        安装完成,运行VS Code。

三、VS Code插件安装

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

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

1、Chinese (Simplified) Language Pack

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

2、Code Spell Checker

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

3、HTML CSS Support

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

4、JavaScript (ES6) code snippets

        支持ES6语法提示

5、Mithril Emmet

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

6、Path Intellisense

        路径提示插件

7、Vue 3 Snippets

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

8、VueHelper

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

9、Auto Close Tag

        自动闭合HTML/XML标签

10、Auto Rename Tag

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

11、Beautify

        格式化 html ,js,css

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

12、Bracket Pair Colorizer

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

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

13、open in browser

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

14、Vetur

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

15、File Utils

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

16、IntelliJ IDEA Keybindings

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

四、VS Code 配置

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

五、VS Code 快捷键

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • MediaGo下载器:专业级功能,轻松应对各种下载需求!
  • 【Qt笔记】QTreeView控件详解
  • 独孤思维:打工,被老板压榨怎么办?
  • AWTK fscript 中的字符串扩展函数
  • CString类的用法以及例子
  • Java_ElasticSearch(ES)——分布式搜索引擎
  • jmeter 响应乱码
  • Django+Vue二手交易平台的设计与实现
  • 智慧警用装备管理系统|支持国产化
  • Java算法之计数排序(Counting Sort)
  • BUUCTF派大星的烦恼
  • 【 html+css 绚丽Loading 】 000029 三元化虚阵
  • Mamba:超越Transformer的新一代神经网络架构
  • 【算法】LRU置换算法
  • Linux——用户和权限
  • 实现windows 窗体的自己画,网上摘抄的,学习了
  • CSS中外联样式表代表的含义
  • nginx 配置多 域名 + 多 https
  • PAT A1017 优先队列
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • vue-router 实现分析
  • 基于axios的vue插件,让http请求更简单
  • 聚簇索引和非聚簇索引
  • 深度学习入门:10门免费线上课程推荐
  • 我的zsh配置, 2019最新方案
  • 小程序上传图片到七牛云(支持多张上传,预览,删除)
  • 优秀架构师必须掌握的架构思维
  • Nginx惊现漏洞 百万网站面临“拖库”风险
  • 数据可视化之下发图实践
  • 完善智慧办公建设,小熊U租获京东数千万元A+轮融资 ...
  • ‌‌雅诗兰黛、‌‌兰蔻等美妆大品牌的营销策略是什么?
  • #if 1...#endif
  • #include到底该写在哪
  • ()、[]、{}、(())、[[]]命令替换
  • (06)Hive——正则表达式
  • (2)nginx 安装、启停
  • (2)STL算法之元素计数
  • (30)数组元素和与数字和的绝对差
  • (C语言)strcpy与strcpy详解,与模拟实现
  • (el-Date-Picker)操作(不使用 ts):Element-plus 中 DatePicker 组件的使用及输出想要日期格式需求的解决过程
  • (ISPRS,2021)具有遥感知识图谱的鲁棒深度对齐网络用于零样本和广义零样本遥感图像场景分类
  • (SERIES12)DM性能优化
  • (八)Flask之app.route装饰器函数的参数
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (二刷)代码随想录第16天|104.二叉树的最大深度 559.n叉树的最大深度● 111.二叉树的最小深度● 222.完全二叉树的节点个数
  • (翻译)terry crowley: 写给程序员
  • (紀錄)[ASP.NET MVC][jQuery]-2 純手工打造屬於自己的 jQuery GridView (含完整程式碼下載)...
  • (三)elasticsearch 源码之启动流程分析
  • (删)Java线程同步实现一:synchronzied和wait()/notify()
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .net core 6 redis操作类
  • .net core Swagger 过滤部分Api
  • .NET Core WebAPI中使用Log4net 日志级别分类并记录到数据库
  • .NET MAUI Sqlite程序应用-数据库配置(一)
  • //TODO 注释的作用