vscode-使用指南

25次阅读

共计 1728 个字符,预计需要花费 5 分钟才能阅读完成。

官方地址

官方文档和下载

汉化

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 代码

正文完
 0