VSCode 使用入门

作者: EMT | 来源:发表于2016-09-26 17:40 被阅读23277次

安装

  • 下载:点我去下载
  • 安装:双击即可安装,根据需要选择即可。

配置

  • Ctrl + Shift + PF1 打开命令面板(也可以使用 查看->命令面板打开);
  • 输入 user set 后按回车打开用户配置;
  • 使用 "editor.fontFamily":"Consolas, 'Courier New', monospace" 选择字体样式,默认为"Consolas, 'Courier New', monospace";使用 editor.fontSize":14 控制字体大小,默认为14;使用 "editor.wrappingColumn":0使文本自动换行,默认为300;在左侧的默认配置中会有详细的中文描述,配置文件是json格式的文本文档。

插件

  • Ctrl + Shift + PF1 打开扩展面板,输入 install 后按回车打开扩展安装面板;或点击侧边栏的最后一个按钮;或使用ctrl + shift + x命令打开;或使用 查看->扩展打开扩展面板。
  • 在对话框中输入[string ]@sort:installs可以根据下载量排序查看,选择所需插件,单击安装即可。
    • @sort:installs:根据下载量排序查看所有插件,asc 升序排列,desc 降序排列。
    • @sort:rating :分级查看,asc 升序排列,desc 降序排列。
    • string可以为空
  • 推荐插件:
    • C/C++:添加C/C++支持,包括但不限于自动补全
    • Python:自动缩进,补全,查错,debug,代码格式化等等
    • beautify:格式化html,css,js
    • vscode-icons:一款很火的图标主题
    • HTML Snippets:可以在不输入 < 的情况下提示
    • View In Browser:在浏览器中打开 HTML 文件
    • Crane - PHP Intellisense:PHP代码的自动补全插件
    • jQuery Code Snippets:一款jQuery重度患者的插件
    • Debugger for Chrome :调试JavaScript
    • Git History:显示git log和line history

Git 的使用

  • 需要本机已经安装 Git
  • 无需安装插件,单机侧边栏的第三个图标即可进行 add、commit、push、pull。(或者使用ctrl+shift+g打开,或使用 查看->Git 打开Git)

主题更换

  • 图标主题:Ctrl+shift +p 打开命令面板,输入 icon theme 后回车,选择一个即可。
  • 颜色主题:Ctrl+shift +p 打开命令面板,输入 color theme 后回车,选择一个即可。

跳转

  • 跳转到文件:Ctrl+P
  • 跳转到符号:Ctrl+shift+o,可以跳转到文件中的方括号、大括号等等。
  • 跳转到行:Ctrl+G,可以跳转到指定行。

Debug

  • 使用ctrl+d 打开debug面板。
  • 可以根据需要配置launch.json

常用功能

  • Emmet:使用 Tab 自动补全HTML标签
  • Markdown Preview:使用 Ctrl + shift + v预览markdown文件
  • 使用shift + alt + up/down可以向上/下复制选中内容或者当前行

相关文章

  • VSCode 使用入门

    配置 Ctrl + Shift + P 或 F1 打开命令面板(也可以使用 查看->命令面板打开); 输入 use...

  • VSCode 使用入门

    安装 下载:点我去下载 安装:双击即可安装,根据需要选择即可。 配置 Ctrl + Shift + P 或 F1 ...

  • VsCode编辑器学习笔记

    VsCode编辑器学习笔记 学习链接: VSCode入门 下载与安装参考文档:vscode的下载与安装 用户配置用...

  • 2020-11-07

    vscode 全称Visual Studio Code 是一种适合基础入门人员使用的一种编程软件,实用性能较强 ...

  • Java学习(2)VSCode环境配置

    VSCode Java 项目 怀着对VSCode的执著,还是使用VSCode来写Java,对于单文件,使用插件co...

  • 使用GitHub(三):使用VSCode+GitHub进行版本控

    使用GitHub(三):使用VSCode+GitHub进行版本控制 本文简单介绍使用VSCode+GitHub进行...

  • vscode入门使用教程(页面调试)

    VSCode 内部代码调试 配置launch.jsonimage.png配置完此处的朋友先不要着急进行尝试,因为此...

  • vscode关闭jshint检测

    最近玩了玩vue,做入门demo时使用了eslint作为js语法的检测工具,这时候出了一个问题:vscode默认的...

  • VS Code

    [TOC] 插件 VSCode折腾记-(1)快捷键大全 【备忘】 vscode 必备插件VsCode中使用Emme...

  • mac 使用code命令打开VSCode

    安装完vscode后 想使用:在终端使用命令 code .打开vscode,提示-bash: code: comm...

网友评论

  • a6b224946bf4:用了几天还是换回webstom了,这个更习惯些

本文标题:VSCode 使用入门

本文链接:https://www.haomeiwen.com/subject/kuvqyttx.html