目录

​基础使用​

​怎么看C语言的工程?​

​按文件名搜索​

​修改默认快捷键​

​二.怎么安装插件?​

​三.插件合集​

​a.配置类插件:​

​b.VS code 主题集合​

​ c.代码提示提示类​

​d.语言相关​

​vscode 远程服务器同步​



基础使用

怎么看C语言的工程?

作者:co lin

 

安装完VSCode以后,切换到插件面板:

【工具】VScode 使用笔记_javascript

然后搜索 C/C++,安装这个插件:

【工具】VScode 使用笔记_文件名_02

然后直接打开C/C++文件夹就行了。

函数跳转,预览声明,自动补全,这些都支持,和专业的IDE已经差不了多少了。

按文件名搜索

按快捷键ctrl+p可以弹出一个小窗,在上面的输入框输入文件名。

修改默认快捷键

文件-首选项-键盘快捷方式

VS Code如何查看类视图

I_belong_to_jesus 2020-04-10 12:59:35  5724  收藏 2

分类专栏: 编程工具+shell

版权

选择,View下面的Open View:

【工具】VScode 使用笔记_文件名_03

选择Outline

【工具】VScode 使用笔记_javascript_04

可以看到左边的Outline栏可以看到类、结构体以及函数的列表:

【工具】VScode 使用笔记_文件名_05


二.怎么安装插件?

方法一:

  • 按F1或Ctrl+Shift+p,输入extensions,点击第一个就可以
  • 【工具】VScode 使用笔记_html_06

方法二:

  • ctrl + P 然后输入 >ext install
  • 【工具】VScode 使用笔记_文件名_07

方法三:

  • 点击图中位置
  • 【工具】VScode 使用笔记_文件名_08

三.插件合集

插件官网:​​https://marketplace.visualstudio.com/​

  每一个插件名都超链接到官网,注意查看

a.配置类插件:

1.Settings Sync (多台配置云同步)

最好用的插件,没有之一,一台电脑配置好之后,其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了,

使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。

【工具】VScode 使用笔记_javascript_09

2.Debugger for Chrome

从VS Code调试在Google Chrome中运行的JavaScript代码。

用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。

【工具】VScode 使用笔记_html_10

 3.beautify (格式化代码)

格式化代码工具

美化​​javascript​​,​​JSON​​,​​CSS​​,​​Sass​​,和​​HTML​​在Visual Studio代码。

【工具】VScode 使用笔记_git_11

4.Atuo Rename Tag (html自动补全)

修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改

【工具】VScode 使用笔记_git_12

5.中文(简体)语言包

Chinese (Simplified) Language Pack for Visual Studio Code

将界面转换为中文,对英语不好的人,非常友好。例如我。。。

【工具】VScode 使用笔记_git_13

6.Code Spell Checker(代码拼写检查器

代码拼写检查器

一个与camelCase代码配合良好的基本拼写检查程序。

此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。

【工具】VScode 使用笔记_javascript_14

7.vscode-icons

显示Visual Studio代码的图标,目前该插件已被vscode内部支持:"文件" -> "首选项" -> "文件图标主题"

【工具】VScode 使用笔记_html_15

8.guides (代码对齐辅助线)

显示代码对齐辅助线,很好用

【工具】VScode 使用笔记_html_16

9.Rainbow Brackets (彩虹括号)

为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。

效果如下:

【工具】VScode 使用笔记_git_17

10.Bracket Pair Colorizer (括号着色高亮)

用于着色匹配括号

【工具】VScode 使用笔记_文件名_18

11.Indent-Rainbow (缩进着色)

用四种不同颜色交替着色文本前面的缩进

【工具】VScode 使用笔记_git_19

12.filesize(显示文件大小)

在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间

【工具】VScode 使用笔记_搜索_20

13.Import Cost

对引入的计算大小

 【工具】VScode 使用笔记_文件名_21

14.Path Intellisense(自动填充文件名)

可自动填充文件名。

【工具】VScode 使用笔记_javascript_22

15.WakaTime 

 从您的编程活动自动生成的度量标准,见解和时间跟踪。

【工具】VScode 使用笔记_html_23

16.GitLens

git日志查看插件

GitLens 增强了 Visual Studio Code 中内置的 Git 功能。例如 commits 搜索,历史记录和和查看代码作者身份,还能通过强大的比较命令获得有价值的见解等等

【工具】VScode 使用笔记_搜索_24

17..REST Client

REST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。

【工具】VScode 使用笔记_文件名_25

18.Npm Intellisense 

用于在 import 语句中自动填充 npm 模块

require 时的包提示(最新版的vscode已经集成此功能)

【工具】VScode 使用笔记_javascript_26

19.Azure Storage

VS Code的Azure存储扩展允许您部署静态网站并浏览Azure Blob容器,文件共享,表和队列。按照​​本教程​​从VS Code部署Web应用程序到Azure存储。

【工具】VScode 使用笔记_搜索_27

20.Project Manager

它可以帮助您轻松访问项目,无论它们位于何处。不要再错过那些重要的项目了。您可以定义自己的收藏项目,或选择自动检测VSCode项目,GitMercurialSVN存储库或任何文件夹。

从版本8开始,您就有了专门的项目活动栏

以下是Project Manager提供的一些功能:

  • 将任何项目保存为收藏夹
  • 自动检测VSCodeGIT中水银SVN存放区
  • 在相同或新窗口中打开项目
  • 识别已删除/重命名的项目
  • 一个状态栏标识当前项目
  • 专门的活动栏

【工具】VScode 使用笔记_文件名_28

21.Language Support for Java(TM) by Red Hat​​redhat.java

这个插件,这个下载次数,安装就对了。

【工具】VScode 使用笔记_搜索_29

22.Todo Tree 

此扩展可以快速搜索(使用​​ripgrep​​)您的工作区以获取TODO和FIXME等注释标记,并在资源管理器窗格的树视图中显示它们。单击树中的TODO将打开文件并将光标放在包含TODO的行上。

找到的TODO也可以在打开的文件中突出显示。

【工具】VScode 使用笔记_git_30

b.VS code 主题集合

1.​​Night Owl​​   

一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。

【工具】VScode 使用笔记_搜索_31

2.​​Atom One Dark Theme​

一个基于Atom的黑暗主题

【工具】VScode 使用笔记_javascript_32

3.​​Dracula Official​

官方吸血鬼主题,博主用的就是这款,很漂亮

【工具】VScode 使用笔记_搜索_33

4.​​One Dark Pro​

 Atom标志性的One Dark主题,也是VS Code下载次数最多的主题之一!

【工具】VScode 使用笔记_javascript_34

5.​​Bimbo​

简约而现代的神奇海洋主题

【工具】VScode 使用笔记_html_35

 c.代码提示提示类

1.​​HTML Snippets​

完整的HTML代码提示,包括HTML5

【工具】VScode 使用笔记_html_36

2.​​HTML CSS Support​

 在 html 标签上写class 智能提示css样式

【工具】VScode 使用笔记_搜索_37

3.​​jQuery Code Snippets​

 jQuery代码提示

超过130个用于JavaScript代码的jQuery代码片段。

只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。

【工具】VScode 使用笔记_git_38

4.​​HTMLHint​

html代码检测,支持html5

【工具】VScode 使用笔记_html_39

d.语言相关

1.​​C#​

  • 适用于​​.NET Core的​​轻量级开发工具。
  • 伟大的C#编辑支持,包括语法突出显示,智能感知,转到定义,查找所有引用等。
  • 调试支持.NET Core(CoreCLR)。注意:不支持单声道调试。桌面CLR调试​​支持有限​​。
  • 支持Windows,macOS和Linux上的project.json和csproj项目。

2.​​CodeMetrics​

计算TypeScript / JavaScript文件的复杂性。

3.VUE插件

  vetur      语法高亮、智能感知、Emmet、vue提示等

【工具】VScode 使用笔记_html_40

  VueHelper    snippet代码片段

       ESLint      将ESLint JavaScript集成到VS代码中。代码规范提示

【工具】VScode 使用笔记_javascript_41

  prettier    代码规范性插件

4.​​ Java Extension Pack​

它是一组流行的扩展,可以帮助在Visual Studio Code中编写,测试和调试Java应用程序。查看​​VS Code中的Java​​以开始使用。

【工具】VScode 使用笔记_搜索_42

vscode 远程服务器同步​

1.下载 sftp

【工具】VScode 使用笔记_git_43

2. 在项目目录下新建sftp.json文件

【工具】VScode 使用笔记_文件名_44

3. 编辑sftp.json文件

{

"name": "My Server",

"host": "192.168.52.128",

"protocol": "sftp",

"port": 22,

"username": "root",

"password": "root",

"remotePath": "/myproject/test/swoft/",

"uploadOnSave": true

}

【工具】VScode 使用笔记_git_45

 4.保存修改测试

【工具】VScode 使用笔记_javascript_46

同一项目下文件上传到多个sftp服务器:

不同项目下文件上传到同一个sftp服务器的不同文件夹: