vscode的ai插件(vscode的使用方法)

vscode的ai插件

VSCode是一个轻量级但功用强壮的源代码编辑器，轻量级指的是下载下来的VSCode其实便是一个简单的编辑器，强壮指的是支撑多种言语的环境插件拓宽，也正是因为这种支撑插件式装置环境开发让VSCode成为了开发言语东西中的霸主，让其一起支撑开发多种言语成为了可能。俗话说的好工欲善其事必先利其器，装置一些有用插件对自己日常的开发和工作效率能够大大的进步，防止996从选一款好的开发插件开始。以下是我整理的一些比较有用的VSCode插件希望对我们有用，我们有更好的插件引荐可在文末留言。
VsCode相关链接地址
VsCode官网地址
https://code.visualstudio.com/
VsCodeGitHub源码地址
https://github.com/Microsoft/vscode
VsCode插件商场地址
https://marketplace.visualstudio.com/
VsCode拓宽插件装置
快捷键：Ctrl+Shift+X进入拓宽面板，到运用商铺文本框中查找拓宽。
适用于VSCode的中文（简体）言语包
拓宽称号：Chinese(Simplified)LanguagePackforVisualStudioCode
插件商场地址：https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
拓宽描绘：此中文（简体）言语包为VSCode供给本地化界面。
VSCodeC#开发东西包
C#DevKitforVisualStudioCode
C#DevKitforVisualStudioCode（C#DevKit）是一个扩展东西，它为您的C#开发供给了一系列强壮的功用和有用东西，以帮助您更高效地编写、调试和保护代码。它能够在Windows、macOS、Linux乃至Codespace等各种开发环境中运用，进步您的C#开发体验。
翻开VSCode=>找到拓宽(Ctrl+Shift+x)=>查找C#DevKit=>点击装置
C#forVisualStudioCode
C#forVisualStudioCode（C#forVSCode）是C#DevKit的一部分，为VisualStudioCode供给了功用丰富的C#言语支撑。
翻开VSCode=>找到拓宽(Ctrl+Shift+x)=>查找C#=>点击装置
VisualStudio代码的图标
拓宽称号：vscode-icons
插件商场地址：https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
拓宽描绘：vscode-icons不仅能够给文件夹、文件增加上舒适的图标，而且能够主动检测项目，依据项目不同功用配上不同图标，例如，git、Markdown、装备项、东西类等。
TabNine代码补全东西
拓宽称号：TabnineAIAutocompleteforJavascript,Python,Typescript,PHP,Go,Java,Ruby&more
插件商场地址：https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
拓宽描绘：Tabnine是一款AI代码补全插件，适用于JavaScript、Python、Java、TypeScript和其他一切编程言语。它经过主动补全代码来进步开发人员的工作效率。TabNine开箱即用。响应速度快：通常会在不到10毫秒的时间内生成主张列表。
具体介绍：https://zhuanlan.zhihu.com/p/73811872
CopilotAI辅助编程东西
拓宽称号：GitHubCopilot
插件商场地址：https://marketplace.visualstudio.com/items?itemName=GitHub.copilot
拓宽描绘：是一个供给AI辅助编程的东西，它在您编码时会供给类似主动补全的主张。您能够经过开始编写您想要运用的代码，或许编写自然言语谈论描绘您希望代码完结的功用，来获取GitHubCopilot的主张。
主动增加封闭标签
拓宽称号：AutoCloseTag
插件商场地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
拓宽描绘：主动增加HTML/XML封闭符号，与VisualStudioIDE或SublimeText相同（对前端开发的小伙伴十分有用）。
VsCode最好的代码注释扩展插
拓宽称号：BetterComments
插件商场地址：https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
拓宽描绘：更好的注释扩展将帮助您在代码中创建更人性化的注释。运用此扩展，您将能够将注释分类为：警报、查询、待办事项、着重、注释掉的代码也能够设置款式，以使代码不应该存在、您能够在设置中指定任何其他注释款式。
查找并修正JavaScript代码中的问题
拓宽称号：ESLint
插件商场地址：ESLint-VisualStudioMarketplace
拓宽描绘：ESLint是一个代码规范和过错查看东西，有以下几个特性
1、一切东西都是能够插拔的。你能够调用恣意的ruleapi或许formatterapi去打包或许界说ruleorformatter。
2、恣意的rule都是独立的
3、没有特定的codingstyle，你能够自己装备
ESLint装备详解：ESLint装备详解_ecmafeatures_风火一回的博客-CSDN博客
VsCode中好用的Git源代码办理插件GitLens
拓宽称号：GitLens
插件商场地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
拓宽描绘：GitLens内置到VisualStudio代码Git的才能。它能够帮助您经过Git职责注释和代码镜头一望而知地看到代码作者的身份，无缝地导航和浏览Git存储库，经过功用强壮的比较指令获得有价值的见解，等等。
VsCode源代码办理插件GitLens运用指南：https://www.jianshu.com/p/95a1a06ac0fb
Git历史记录查看
拓宽称号：GitHistory
插件商场地址：https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
拓宽描绘：Git历史记录，查找和更多内容（包含gitlog）。
流程图神器-Drawio
拓宽称号：DrawioPreview
插件商场地址：https://marketplace.visualstudio.com/items?itemName=purocean.drawio-preview
拓宽描绘：在VsCode中预览绘图图文件。
VsCode中运用Drawio：https://blog.csdn.net/huanglin6/article/details/106239570
Import、Require模块路径主动补全
拓宽称号：PathIntellisense
插件商场地址：https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
拓宽描绘：在编辑器中输入对应文件的路径，会主动补全（在Import、Require导入/引进模块时十分便捷好用）。
Vue开发必备-Vetur（VSCode的Vue东西）
拓宽称号：Vetur
插件商场地址：https://marketplace.visualstudio.com/items?itemName=octref.vetur
拓宽描绘：Vue多功用集成插件，包含：语法高亮，智能提示，emmet，过错提示，格式化，主动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。
帮助Vue开发者编写更高效的Element-UI代码
拓宽称号：vscode-element-helper
插件商场地址：https://marketplace.visualstudio.com/items?itemName=ElemeFE.vscode-element-helper
拓宽描绘：VSCode-Element-Helper是Element-UI的VSCode扩展，Element-UI是一个很棒的库。越来越多的项目运用它。因而，为了帮助开发人员经过Element-UI编写更高效的代码。
VueVSCode片段
拓宽称号：VueVSCodeSnippets
插件商场地址：https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
拓宽描绘：Vue语法片段扩展。
Angular开发必备-VSCode的AngularTypeScript代码片段
拓宽称号：AngularSnippets(Version9)
插件商场地址：https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2
拓宽描绘：VisualStudioCode的此扩展为TypeScript和HTML增加了Angular的代码片段。
VsCode代码运转器
拓宽称号：CodeRunner
插件商场地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
拓宽描绘：运转多种言语的代码段或代码文件C,C++,Java,JavaScript,PHP,Python,Perl,Perl6,Ruby,Go,Lua,Groovy,PowerShell,BAT/CMD,BASH/SH,F#Script,F#(.NETCore),C#Script,C#(.NETCore),VBScript,TypeScript,CoffeeScript,Scala,Swift,Julia,Crystal,OCamlScript,R,AppleScript,Elixir,VisualBasic.NET,Clojure,Haxe,Objective-C,Rust,Racket,Scheme,AutoHotkey,AutoIt,Kotlin,Dart,FreePascal,Haskell,Nim,D,Lisp,Kit,V,SCSS,Sass,CUDA,和自界说指令。

vscode的使用方法

最近电脑有点问题，重装了系统，然后..你懂的，所有应用要重装，那个糟心哦，这里就记录下vscode刚装置时要装置的插件和装备，顺便给新手们引个路
装置
官网：https://code.visualstudio.com/
目录结构说明
文件资源办理器(ctrl+shift+E)
大局查找
windows:ctrl+f文件内查找，ctrl+shift+f大局查找
mac:command+f文件内查找，command+shift+f大局查找
git办理
debug调试
插件办理
常用方便
mac电脑是cmd，windows是ctrl
ctrl+~：翻开和封闭终端
cmd+shift+P(win:ctrl+shift+P):翻开终端命令行
cmd+shift+f:大局查找,cmd+f:文件内查找
cmd+n:新建文件
cmd+o:翻开文件，慎用
cmd+p:翻开并跳转到的某个文件
cmd+/:注释
ctrl+d:将选定的字符移动到下一个匹配字符串上，在批量修正用时很香
根本制造项
经过settings.json文件装备，根本上，所有的vscode的装备，都可以在这里设置的
code—preference—settings—Usersettings:
image.png
{//设置字体大小”editor.fontSize”:14,//将tab缩进改为2″editor.tabSize”:2,//git的路径（windows）”git.path”:”D:\\Git\\bin”}
UI操作界面去装备
vscode双击挑选-连接词
file-preference-settings中，查找wordSeparators，将分隔词-去掉即可
image.png
主题
code—preference—ColorTheme
代码片段
command+shift+p
输入snippets,挑选Preferences:ConfigureUserSnippets
挑选新建NewGlobalSnippetsfile，自定义命名文件
//ct.code-snippets//代码片段的称号”Comment”:{//影响规模,不写的话默许大局通用”scope”:”javascript,typescript”,//方便字段”prefix”:”ct”,//方便字段对应的代码片段”body”:[“/*”,”*”,”*/”],//描述”description”:”addcommnet”}
常用的vue代码片段：
{“Printtoconsole”:{“prefix”:”vue”,”body”:[“”,”
\n”,”
“,”\n”,”\n”,”\n”],”description”:”Createvuetemplate”}}