Visual Studio Code 使用手册

VS Code 快捷键

非官方中文手册

VSCode 必装的 10 个高效开发插件

30个极大提高开发效率的Visual Studio Code插件

精选!15个必备的VSCode插件

VS Code 常用插件列表及配置

Auto Close Tag 自动闭合HTML标签

Auto Rename Tag 修改HTML标签时,自动修改匹配的标签

Bookmarks 添加行书签

Can I Use HTML5、CSS3、SVG的浏览器兼容性检查

Code Runner 运行选中代码段(支持大量语言,包括Node)

CodeBing 在VSCode中弹出浏览器并搜索,可编辑搜索引擎

Color Highlight 颜色值在代码中高亮显示

Color Picker 拾色器

Document This 注释文档生成

EditorConfig for VS Code EditorConfig 插件

Emoji 在代码中输入emoji

ESLint ESLint插件,高亮提示

File Peek 根据路径字符串,快速定位到文件

Font-awesome codes for html FontAwesome提示代码段

ftp-sync 同步文件到ftp

Git Blame 在状态栏显示当前行的Git信息

Git History(git log) 查看git log

GitLens 显示文件最近的commit和作者,显示当前行commit信息

Guides 高亮缩进基准线

Gulp Snippets Gulp代码段

HTML CSS Class Completion CSS class提示

HTML CSS Support css提示(支持vue

HTMLHint HTML格式提示

Indenticator 缩进高亮

JavaScript (ES6) code snippets ES6语法代码段

language-stylus Stylus语法高亮和提示

Lodash Lodash代码段

markdownlint Markdown格式提示

MochaSnippets Mocha代码段

Node modules resolve 快速导航到Node模块

npm 运行npm命令

npm Intellisense 导入模块时,提示已安装模块名称

Output Colorizer 彩色输出信息

Partial Diff 对比两段代码或文件

Path Autocomplete 路径完成提示

Path Intellisense 另一个路径完成提示

Prettify JSON 格式化JSON

Project Manager 快速切换项目

REST Client 发送REST风格的HTTP请求

Settings Sync VSCode设置同步到Gist

String Manipulation 字符串转换处理(驼峰、大写开头、下划线等等)

Test Spec Generator 测试用例生成(支持chai、should、jasmine)

TODO Parser Todo管理

Version Lens package.json文件显示模块当前版本和最新版本

vetur 目前比较好的Vue语法高亮

View Node Package 快速打开选中模块的主页和代码仓库

vscode-icons 文件图标,方便定位文件

VSCode Great Icons 文件图标拓展

VueHelper Vue2代码段(包括Vue2 api、vue-router2、vuex2)

附录:VSCode首选项配置

{
    "workbench.colorTheme": "Visual Studio Dark",
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
    "vue-html": "html",
    "vue": "html"
    },
}

 

来自:https://github.com/varHarrie/Dawn-Blossoms/issues/10

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Visual Studio Code(简称VS Code)是一款由软开发的免费开源的轻量级代码编辑器。它支持多种编程语言,并提供了丰富的功能和插件扩展,使开发者能够更高效地编写代码。 以下是一些常用的Visual Studio Code使用手册: 1. 安装和启动: - 下载并安装Visual Studio Code:你可以从官方网站(https://code.visualstudio.com/)下载适合你操作系统的安装包,然后按照安装向导进行安装。 - 启动Visual Studio Code:安装完成后,你可以在开始菜单或应用程序列表中找到Visual Studio Code,并点击打开。 2. 基本界面: - 编辑器窗口:打开文件后,你将看到一个编辑器窗口,用于编辑代码。 - 侧边栏:位于编辑器左侧,提供了文件浏览、源代码管理、调试等功能。 - 活动栏:位于编辑器左下角,提供了快速切换视图、运行和调试等功能。 - 状态栏:位于编辑器底部,显示了当前文件的编码格式、行号、列号等信息。 3. 基本操作: - 打开文件或文件夹:点击左上角的文件菜单,选择“打开文件”或“打开文件夹”,然后选择相应的文件或文件夹。 - 保存文件:按下快捷键Ctrl+S(Windows/Linux)或Cmd+S(Mac)可以保存当前文件。 - 撤销和重做:按下快捷键Ctrl+Z(Windows/Linux)或Cmd+Z(Mac)可以撤销上一步操作,按下快捷键Ctrl+Shift+Z(Windows/Linux)或Cmd+Shift+Z(Mac)可以重做操作。 - 查找和替换:按下快捷键Ctrl+F(Windows/Linux)或Cmd+F(Mac)可以查找文本,按下快捷键Ctrl+H(Windows/Linux)或Cmd+H(Mac)可以进行文本替换。 4. 插件扩展: - 扩展市场:点击左侧的扩展图标,可以打开扩展市场,搜索并安装各种插件,以增强Visual Studio Code的功能。 - 常用插件:一些常用的插件包括:Python、Java、HTML、CSS、Git等,你可以根据自己的需求选择安装。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值