官方地址
官方文档和下载
汉化
command+shift+p -> configure language -> Configure Display Language -> zh-cn
颜色主题
使用默认的 Monokai
主题
图标主题
使用默认的 vscode-icons
插件图标
快捷键
command 1 2 3
分屏 command b
侧边栏显隐 command k v
markdown 打开侧边预览 command shift k
删除当前行 command /
单行注释 command option m
JSON 解压缩 command + K + J
新建一个及试运行的 js 文件
option shift a
多行注释 option shift f
格式化代码 option shift ↑ ↓
复制当前行 option m
JSON 压缩
control ~
终端显隐 control command space
唤出表情、常用字符 control option n
运行代码
代码片段
首选项 -> 用户代码片段 -> 新建全局代码片段
插件
1.Settings Sync
使用 GitHub Gist 同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。
2.Debugger for Chrome
从 vscode 调试在 Google Chrome 中运行的 JavaScript 代码。用于在 Google Chrome 浏览器或支持 Chrome DevTools 协议的其他目标中调试 JavaScript 代码的 vscode 扩展。
3.vscode-iocns
图标插件
4.chinese language pack for vscode
中文包
5.ESLint
检查 javascript 语法错误与提示
6.filesize
在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间
7.Import Cost
对引入的计算大小
8.Path Intellisense
自动填充文件名
9.Auto Rename Tag
自动完成另一侧标签的同步修改
10.vetur
vue 语法高亮、智能感知、Emmet 等
11.HTML Snippets
完整的 HTML 代码提示,包括 HTML5
12.JavaScript(ES6) code snippets
ES6 语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含 js 代码文件的时间。
13.npm
使用 package.json 验证已安装的软件包。确保已安装的软件包版本号正确,高亮显示 package.json 中缺少的已安装软件包以及尚未安装的软件包。
14.View Node Package
使用此扩展快速查看 Node 包源,允许您直接从 vscode 打开 Node 包仓库库 / 文档。
15.GitLens
增强了 Visual Studio Code 中内置的 Git 功能。例如 commits 搜索,历史记录和和查看代码作者身份,还能通过强大的比较命令获得有价值的见解等等。
16.prettier-code formatter
格式化代码工具
17.JSON Tools
JSON 格式化工具,command option m
解压缩,option m
压缩
18.open in browser
在浏览器打开文件
19.quokka
一个调试工具插件,能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量的函数和计算值结果。另外,在使用 JSX 或 TypeScript 项目中,它能够开箱即用。command + K + J
20.Todo Tree
此扩展可以快速搜索(使用 ripgrep)您的工作区以获取 TODO 和 FIXME 等注释标记,并在资源管理器窗格的树视图中显示。单击树中的 TODO 将打开文件并将光标放在包含 TODO 的行上。
21.Faker
用流行的 JavaScript 库 – Faker,能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码,或者经典的乱数假文段落,并且每个类别还包含了各种子类别,你可以根据自身的需求来使用这些数据。
22.Minify
压缩当前 HTML、CSS、JS 生成 .min 文件
23.wakatime
可以帮助我们记录每一个项目下所用的时间,绑定账号后每周会给你发一份邮件,提示你在不同的编辑器、项目和操作系统下花了多长时间。
24.Code Runner
运行 js 代码