您当前的位置:首页 > 电脑百科 > 软件技术 > 应用软件

VSCode详细使用教程

时间:2020-11-10 16:15:30  来源:  作者:

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

1.VSCode下载

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

2.VSCode汉化

VSCode详细使用教程

 

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

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

 3.7 GitLens(方便查看git日志)

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

 3.12 Markdown Preview Enhanced(实时预览markdown)

VSCode详细使用教程

 

 3.13 markdownlint(markdown语法纠错)

VSCode详细使用教程

 

 3.14 Material Icon Theme(vscode图标主题)

VSCode详细使用教程

 

 3.15 Icon fonts(图标字体)

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

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

VSCode详细使用教程

 

 3.21 npm Intellisense(require 时的包提示)

VSCode详细使用教程

 

4.VSCode快捷键

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

VSCode详细使用教程

 

 4.2 基础编辑

VSCode详细使用教程

 

 4.3 导航

VSCode详细使用教程

 

 4.4 搜索和替换

VSCode详细使用教程

 

 4.5 多光标和选择

VSCode详细使用教程

 

 4.6 语言编辑

VSCode详细使用教程

 

 4.7 编辑器管理

VSCode详细使用教程

 

 4.8 文件管理

VSCode详细使用教程

 

 4.9 显示

VSCode详细使用教程

 

 4.10 调试

VSCode详细使用教程

 

 4.11 集成终端

VSCode详细使用教程

 



Tags:VSCode   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
1. vscode 简介vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器。当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editp...【详细内容】
2021-04-27  Tags: VSCode  点击:(279)  评论:(0)  加入收藏
在程序员圈子里,Visual Studio Code(以下简称VSCode)可以说是目前最火的代码编辑器之一了。...【详细内容】
2021-03-10  Tags: VSCode  点击:(290)  评论:(0)  加入收藏
0.引言本篇文章主要讲解vscode安装和测试,主要是利用vscode可以模拟本地服务器,可以直接写一些简单的前端demo,便于演示。 1.vscode安装vscode官网连接地址:https://code.visual...【详细内容】
2020-12-28  Tags: VSCode  点击:(213)  评论:(0)  加入收藏
概述vscode 支持远程开发,也就是源代码在远程服务器上,开发者在本地进行开发调试,远程服务器可以是 Linux,而本地可以使用 windows 环境,图示如下 请注意:本地是没有代码的这样的...【详细内容】
2020-12-18  Tags: VSCode  点击:(202)  评论:(0)  加入收藏
VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具。1.VSCode下载VSCode下载链接: https://code.visua...【详细内容】
2020-11-10  Tags: VSCode  点击:(114)  评论:(0)  加入收藏
大家好我是lemon, 马上进入我们今天的主题吧。又见VsCodeVisual Studio Code(简称VS Code)是一个由微软开发,同时支持Windows 、Linux 和 macOS 等操作系统的免费代码编辑器,在2...【详细内容】
2020-10-09  Tags: VSCode  点击:(70)  评论:(0)  加入收藏
序言做前端开发的朋友经常需要使用Visual Studio Code编辑代码,很多朋友就想在VSCode调试JS代码,下面我们就介绍下如何配置操作。一、环境准备首先安装好VSCode,准备好一个JS项...【详细内容】
2020-09-11  Tags: VSCode  点击:(104)  评论:(0)  加入收藏
RTOS 之类的实时嵌入式操作系统使嵌入式系统的编程更简单• 来源:linux.cn • 作者:Seth Kenlon • 译者:SilentDawn •(本文字数:3405,阅读时长大约:5 分钟)物联...【详细内容】
2020-07-29  Tags: VSCode  点击:(82)  评论:(0)  加入收藏
环境:远程系统 : deepIn 15.11本地系统:windows 7nodejs : 12.13.01.程序部署将nodejs程序同时放到远程系统和本地系统$ tree.├── index.js└── node_modules └── ex...【详细内容】
2020-06-26  Tags: VSCode  点击:(96)  评论:(0)  加入收藏
# vscode如何优雅的拥抱eslint[vue-admin-beautiful](https://github.com/chuzhixin/vue-admin-beautiful)开源了不到两个月收获了![social](https://img.shields.io...【详细内容】
2020-05-13  Tags: VSCode  点击:(55)  评论:(0)  加入收藏
▌简易百科推荐
ACDSee Pro 2.5 和ACDSee 2009(也就是 ACDSee 11)这两个版本,虽然图标最丑,但却是最适合目前使用的版本。(以前的ACDSee 3.1是第三方改装版,现在出现不稳定了,经常提示插件错误,虽...【详细内容】
2021-12-27  周星骋Cheng    Tags:ACDSee   点击:(2)  评论:(0)  加入收藏
IT之家 12 月 23 日消息,百度地图今日宣布,第二代车道级导航正式上线。据介绍,百度地图第二代车道借助北斗 + 5G,在实现全程车道级导航效果的基础上,全面升级最优车道推荐、全 /...【详细内容】
2021-12-24  IT之家    Tags:百度地图   点击:(10)  评论:(0)  加入收藏
推荐12款不用安装就能免费用的神仙软件,每一款都是百里挑一! 一、文件存储与传输1.不限量网盘地址:https://transferkit.io/一个在线云存储网盘,它提供了不限量的云存储空间,单文...【详细内容】
2021-12-17  牛片网    Tags:软件   点击:(15)  评论:(0)  加入收藏
古人说:凡事预则立不预则废,对于我们当代人来说,做好工作计划,更是职场人高效工作的第一步,所以计划对于我们的重要性不言而喻…… 工作表格模板汇总正是因为有了工...【详细内容】
2021-12-15  吴六柒    Tags:工作表格   点击:(32)  评论:(0)  加入收藏
当我们浏览知乎、Youtube、贴吧、CSDN等等,总会遇到服务商一些广告;复制文章的时候,剪切板总是自带一些版权信息;还有一些网页配色很亮,眼睛看着很不舒服。反正就是各种不爽。给...【详细内容】
2021-12-08  小皮虾Pro    Tags:浏览器   点击:(27)  评论:(0)  加入收藏
来源:AirPython作者:星安果 1. 前言大家好,我是安果!之前推荐过很多优秀的 Web 自动化工具,比如:Selenium、Helium、Cypress、Pyppeteer 等利用它们实现自动化的前提是必须安装依...【详细内容】
2021-11-30  CDA数据分析师    Tags:Automa   点击:(30)  评论:(0)  加入收藏
概述superset是由Airbnb开源的轻量级BI分析工具。主要有三大功能:使用数据可视化来探索你的数据,通过交互式的Dashboard来查看你的数据,通过Sql Lab来编写sql查询你的数据。特...【详细内容】
2021-11-30  新视像    Tags:Superset   点击:(21)  评论:(0)  加入收藏
媒体爆料称:近期,老牌音乐播放器Winamp宣布回归,官方网站也大改后重新上线。官方表示:不只是简单更新而是全面重制。新的Winamp 将推出适用于 Windows、macOS 和移动平台的多合...【详细内容】
2021-11-26    中关村在线  Tags:Winamp   点击:(23)  评论:(0)  加入收藏
新版高德地图上线 ADAS 预警导航功能,借助视觉 AI 技术,可智能识别前方车辆、行人,并提供碰撞预警、车道偏离等多种安全提醒,防止风险的发生。 在小联的调研中,只有6%的车机体验...【详细内容】
2021-11-23  手机互联    Tags:高德地图   点击:(143)  评论:(0)  加入收藏
朋友委托我帮忙看看可用邮箱大全有哪些?好用的企业邮箱是多少?他公司要开通企业邮箱。相信很多公司在考虑开通企业邮箱时,都会遇到这样的问题,企业邮箱哪个好?怎样选择合适的企业...【详细内容】
2021-11-11  超级打工人    Tags:企业邮箱   点击:(30)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条