VScode使用简介

1.1 VSCode简介

VSCode官网:https://code.visualstudio.com/

支持语音:

速度较快,对超大文件读写速度飞快(打开10M代码不到1s,Subline原生会卡近6s),插件数量相对少,有一些增强功能比如调试器, 终端,原生支持语言语法高亮较少(C# JS TypeScript是第一位),内置JS/TS调试器…可以基于不同项目(文件夹)设置偏好,写C#和JS/TS专用

注意:VSCode需要安装git和Framework

主题常用:Monokai

1.2 常用插件

插件名称介绍使用方法
filesize 在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间 自动启用
vscode-icons 美化VSCode的界面,在文件名前面显示小图标 自动启用
view in browser 用浏览器预览HTML文件 鼠标右键
Bootstrap 3 Sinnpet 常用 bootstrap 的可以下 根据片段触发
css peek 跟踪样式表中 CSS 类和 id 的样式,点击右键直接跳转到对应的css代码  
Auto Close Tag 自动闭合HTML标签  
HTML Snippets 超级实用且初级的 H5代码片段以及提示  
HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式。 <br>新版已经支持scss文件检索(更新应该是这个插件 IntelliSense for CSS class names in HTML)
Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试  
jQuery Code Snippets jquery 重度患者必须品  
Sublime Text Keymap for VS Code 模仿sublime快捷键操作  
Path Intellisense 自动路劲补全,默认不带这个功能的  
ESlint ESlint 接管原生 js 提示,可以自定制提示规则。 1
HTMLHint html代码检测 1
Project Manager 在多个项目之前快速切换的工具  
HTML CSS Class Completio 扫描项目中的所有css中的class名,在html中自动补全,安装后每次打开自动启用  
     
vscode-fileheade 顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间  
Auto Rename Tag 修改HTML标签时,自动修改匹配的标签 1
Beautify css, sass and less code 格式化代码的工具,css/sass/less格式化 1
Bracket Pair Colorizer 让括号拥有独立的颜色,易于区分。可以配合任意主题使用。  
vetur 语法高亮、智能感知、Emmet等  
VueHelper snippet代码片段  

1.3主题

1.Material

冷门、好看、实用。此主题已停更许久

2.Dracula

目前我觉得是vscode上最漂亮的主题,vscode 1.11+允许自定义statusBar等全局ui后,该主题也跟进改了很多小细节,良心!~

3.One Dark Pro

源于Atom,老版本的Atom One Dark主题可以扔了.

原文地址:https://www.cnblogs.com/zhaowy/p/8444770.html