VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。

1.VSCode下载

VSCode下载链接: https://code.visualstudio.com/

2.VSCode汉化

3.VSCode常用插件(安装步骤同汉化)

3.1 Auto Close Tag (自动闭合HTML/XML标签)

3.2 Auto Rename Tag (自动完成另一侧标签的同步修改)

3.3 Beautify (格式化 html ,js,css)

3.4 Bracket Pair Colorizer(给括号加上不同的颜色，便于区分不同的区块)

3.5 Debugger for Chrome(映射vscode上的断点到chrome上，方便调试)

3.6 ESLint(js语法纠错，可以自定义配置)

3.7 GitLens(方便查看git日志)

3.8 HTML CSS Support (智能提示CSS类名以及id)

3.9 HTML Snippets(智能提示HTML标签，以及标签含义)

3.10 JavaScript(ES6) code snippets(ES6语法智能提示，以及快速输入)

3.11 jQuery Code Snippets(jQuery代码智能提示)

3.12 Markdown Preview Enhanced(实时预览markdown)

3.13 markdownlint(markdown语法纠错)

3.14 Material Icon Theme(vscode图标主题)

3.15 Icon fonts(图标字体)

3.16 open in browser(右键快速在浏览器中打开html文件)

3.17 Path Intellisense(自动提示文件路径)

3.18 React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)

3.19 Vetur(Vue多功能集成插件，错误提示等)

3.20 Class autocomplete for HTML(智能提示HTML class =“”属性)

3.21 npm Intellisense(require 时的包提示)

4.VSCode快捷键

4.1 左侧是按键，右侧是功能(下同)

4.2 基础编辑

4.3 导航

4.4 搜索和替换

4.5 多光标和选择

4.6 语言编辑

4.7 编辑器管理

4.8 文件管理

4.9 显示

4.10 调试

4.11 集成终端

VSCode详细使用教程相关推荐

  1. VSCode详细安装教程

    1.下载 https://code.visualstudio.com/download 是Microsoft(微软的产品) User Installer版:会安装在当前计算机帐户目录,意味着如果使用另 ...

  2. VSCode详细安装教程（Windows 7）附安装包

    01下载VScode软件 第一步:官网下载页面 https://code.visualstudio.com/Download 第二部:下载软件 DownLoad 或者点击右上角的 Download 0 ...

  3. 软件 VSCODE详细下载教程

    下载 官网下载页面:Download Visual Studio Code - Mac, Linux, Windowshttps://code.visualstudio.com/Download 这里 ...

  4. Win11安装VScode详细教程、配置Anaconda与python环境

    1. Anaconda与VSCode的下载与安装 首先参考该教程进行 Anaconda与VSCode的基础安装:Anaconda + VSCode 最详细教程 注意: 1) 上方教程中下载32位.64 ...

  5. vscode全网最详细使用教程

    vscode下载地址 官网下载:https://code.visualstudio.com/或者直接点击**我的资源**下载 VScode使用教程 安装教程 鼠标左键双击,即可运行安装程序 一:同意协 ...

  6. python详细教程-python入门(非常详细的教程)

    对于初学者而言,您要做的只是专注于Python语言,阐明学习重点,掌握学习节奏,并逐步学习.根据我多年的学习和工作经验,编程语言的学习分为以下三个步骤,无论您是否具有编程基础,都可以通过比较来完成. ...

  7. 我的Go+语言初体验——（2）IDE 详细安装教程

    我的Go+语言初体验--(2)IDE 详细安装教程 "我的Go+语言初体验" | 征文活动进行中- Go+ 语言的安装和环境配置有些复杂,官方教程也没有写的很详细. 通过控制台编写 ...

  8. TypeScript超详细入门教程（上）

    TypeScript超详细入门教程(上) 01 开篇词:Hello~TypeScript 01 开篇词:Hello~TypeScript 更新时间:2019-10-30 13:49:46 既然我已经踏 ...

  9. 【CSDN云IDE】个人使用体验和建议（含超详细操作教程）（python、webGL方向)

    [CSDN云IDE]个人使用体验和建议 (含超详细操作教程)(python.webGL方向)  文章目录: 一.CSDN云IDE简介 二.新建工作空间 三.管理你的工作空间 (3.1).工作空间基本信 ...

最新文章

  1. ios nstimer实现延时_IOS_IOS开发代码分享之用nstimer实现倒计时功能，用nstimer实现倒计时功能，废话 - phpStudy...
  2. linux系统安装细节及磁盘分区划分
  3. mysql日期截取年月_摄影大赛丨“我遇见最美的光”第五届全国医务人员摄影大展 截稿日期2020年8月15日...
  4. 分珠（dfs+并查集）
  5. 基于MysqlConnector/C++的数据库连接池的实现
  6. React开发（213）:React在 DevTools 中显示自定义名称
  7. 最大最小距离算法(K-MEANS K-medoids )聚类算法的结合运用
  8. 获取请求消息行信息案例代码
  9. C语言局部变量、全局变量、静态局部变量、静态全局变量
  10. Android TableLayout 表格布局
  11. C# 屏蔽windows功能键
  12. 内存模拟块设备驱动程序设计
  13. 【洛谷 P2764】 最小路径覆盖问题（最大流）
  14. Python爬虫爬取豆瓣图书的信息和封面，放入MySQL数据库中。
  15. 睿思荐片--最好的电影，最全的排行
  16. 电力用高压锅炉管物理性能检验
  17. python工程师要求-高级Python开发工程师职位描述与岗位职责任职要求
  18. 大数据学习之Hive
  19. 手游大话藏宝阁找不到服务器,大话西游手游藏宝阁指定交易在哪里 藏宝阁怎么没有指定我...
  20. 【java笔记-006】【uni-app】当前运行的基座不包含原生插件[xxx]，请在manifest中配置该插件，重新制作包括该原生插件的自定义运行基座

热门文章

  1. 雾帜智能入选《2021中国网络安全产业势能榜》
  2. 华为AR2220 路由交换一体机简单配置
  3. ​python从小到大排序 青少年编程电子学会python编程等级考试三级真题解析2020年12月
  4. 【MAPBOX基础功能】11、mapbox绘制symbol icon图层并进行添加、删除、更新、显隐等操作
  5. 「Cpolar」内网穿透实现在外远程连接MongoDB数据库【端口映射】
  6. android 开发日积月累，统统都会
  7. java 视频无损压缩_ffmpeg 4:3视频无损压制16:9
  8. Linux系统下收集ADU/IML/survey报告方法整理(需要系统中有psp包)
  9. 10个优秀的Python库，实用且有趣
  10. 7-12 日期格式化 (5分)