vscode使用(代码片段)

victor-leeson victor-leeson     2023-03-14     326

关键词:


常用前端开发插件

通用

  • chinese(simplified) langwage pack for visual studio code :中文语言包
  • vscode-pdf :查看pdf

HTML

  • auto close tag :帮助自动补齐html闭合标签
  • auto rename tag :重命名标签时,自动重命名闭合标签

JS

  • eslint :es语法检查工具,带部分代码风格检查(一般会禁用,而用prettier代码风格)。
    注:一般有三种代码风格:standard、airbnb、prettier,其中prettier用得最多。
  • javascript(es6) code snippets :es6常用代码段

VUE

  • vetur :vue常用代码段,集成prettier代码风格

常用markdown插件

  • markdown all in one :
    • 生成/更新目录(命令Create/Update Table of Contents,若要生成的目录兼容github,需勾选设置里的githubCompatibility)
    • 常用快捷键加粗、斜体等
    • 格式化table。alt+shift+f
    • 支持特殊数学符号渲染
    • 一边书写一边预览(Ctrl + Shift + V or Ctrl + K V) (markdown preview enhanced有此功能)
    • 导出html,命令Print current document to HTML(markdown pdf有此功能,且可以导出pdf、json等)
    • ...
  • markdown preview enhanced :优化markdown预览
  • markdown pdf :支持将.md文件导出为pdf、html等多种格式
  • markdownlint :markdown的格式检查
  • markdown toc(markdown all in one已带此功能) :右键可自动生成目录,若生成中有aoto等乱码,需将vscode的默认行尾字符(Eol)设为 。

用户设置和工作去设置的区别

用户设置全局生效。工作区设置只在该工作区生效。
工作区的存在可以避免加载过多无用的插件。特定工作去只加载特定的插件。比如java工作区只加载jiava相关的插件。
要新建一个工作区通过文件菜单下将工作区另存为即可。

 "files.autoSave": "onFocusChange" //当失去焦点时自动保存

添加代码段

vscode使用笔记(代码片段)

vscode搜索自动过滤.gitignore中的配置#setting.json设置中加入"search.useIgnoreFiles":false "files.exclude": "search.useIgnoreFiles":false 查看详情

markdown使用vscode创建项目(代码片段)

查看详情

json使用本地`.vscode/settings.json`覆盖vscode设置(代码片段)

查看详情

vscode使用笔记(代码片段)

vscode搜索自动过滤.gitignore中的配置#setting.json设置中加入"search.useIgnoreFiles":false "files.exclude": "search.useIgnoreFiles":false 其它编辑器修改文件后VScode无法自动加载1.cat/proc/sys/fs/inotify/max_us 查看详情

vscode使用eslint检查代码(代码片段)

VScode使用ESlint检查代码1.配置ESlint自动格式化代码安装扩展:Eslint、Vetur、Prettier-Codeformatter然后文件-首选项-配置。打开setting.json进行配置如下://关闭自动保存"files.autoSave":"off",//关闭vscode自带代码修复,... 查看详情

vscode使用eslint检查代码(代码片段)

VScode使用ESlint检查代码1.配置ESlint自动格式化代码安装扩展:Eslint、Vetur、Prettier-Codeformatter然后文件-首选项-配置。打开setting.json进行配置如下://关闭自动保存"files.autoSave":"off",//关闭vscode自带代码修复,... 查看详情

vscode使用(代码片段)

1、VScode常用快捷键:1Ctrl+Enter//在光标下一行插入新行2Shift+Alt+Up//复制当前行至光标上一行3Shift+Alt+Down//复制当前行至光标下一行4不选中任何内容:Ctrl+C//复制当前行5Ctrl+V//粘贴至光标上一行6Ctrl+Up//视图上移7Ctrl+Down//视图下移&nbs... 查看详情

使用vscode编辑ghpythonscript电池的代码(代码片段)

文章目录使用VSCode编辑GHPythonScript电池的代码RhinoPythonVSCodeRhinoPython插件在VSCode中编辑GHPythonScript代码使用VSCode编辑GHPythonScript电池的代码RhinoPythonVSCodeRhinoPython插件在VSCode中编辑RhinoPython代码。首先需在Rhino中安装插件CodeListener࿰... 查看详情

sass使用(vscode)(代码片段)

二、在vscode中编译sass1、在拓展商店里搜索“easysass”,并安装,安装成功后点重新加载。 2、接下来进行配置:在vscode菜单栏依次点击“文件首选项设置”,打开settings.json全局配置文件。搜索“easysass”,然后把easysass相关... 查看详情

使用vscode调试单个php文件(代码片段)

我的博客原文:https://wiki.feiffy.cc/Blog:使用VSCode调试单个PHP文件突然发现是可以使用VSCode单个文件的,今天之前一直没有弄成功,还以为VSCode是不能调试单文件呢。这里记录一下今天这个“突然发现”的过程。开始,是在看《Moder... 查看详情

使用vscode开发arduino(代码片段)

...挺简陋的,用起来并不是很舒服,相比较之下用VSCode(VisualStudioCode)作为编辑器来说就好用多了。现在我们可以在VSCode中安装Arduino插件来开发Arduino。 查看详情

在vscode中使用码云(代码片段)

在VSCode中使用码云一、SSH公钥使用SSH公钥可以让你在你的电脑和码云通讯的时候使用安全连接(Git的Remote要使用SSH地址)链接https://gitee.com/profile/sshkeys使用易于记住和区分设备的标题,如Albertiy’sSSHKey公钥生成方式:码云(Gitee.... 查看详情

vscode基本使用(代码片段)

...快捷键命令说明F1或Ctrl+Shift+P主命令框Ctrl+Shift+N新开一个VScode编辑器Ctrl+C->Ctrl+V复制当前行Shift+Alt+F代码格式化Ctrl+Shift+L同时对选中的内容进行内容匹配后编辑 Ct 查看详情

vscode使用emmet(代码片段)

...种快捷方式,同时也是一种思考方式。解决方案这里介绍vscode中emmet,这个是自带的,也就是说不需要任何的东西去下载,这个不仅仅是vscode,现在很多优秀的编辑器都自带了。请注意在VsCode新版本中按Tab不再默认启用Emmet展开 查看详情

使用vscode断点调试ts(代码片段)

目录下新建tsconfig.json"compilerOptions":"module":"commonjs","target":"es5","noImplicitAny":true,"outDir":"./dist","sourceMap":true,"include":["src/**/*"] 配置launch.json"version":"0.2.0","configur 查看详情

问题记录|vscode中使用intellij的快捷键(代码片段)

问题记录|VScode中使用IntelliJ的快捷键主要想用ctrl+alt+l格式化Python代码安装VScode的插件:IntelliJIDEAKeybindings安装方法:InstallationInstallVisualStudioCode1.30.2orhigherLaunchCodeFromtheextensionviewCtrl-Shift-X(Windows,Linux)orC 查看详情

使用vscode编写markdown文件(代码片段)

VSCode默认支持Markdown文件文件格式,这里介绍两个比较实用的功能,后续有新发现,可以持续更新。实时预览顾名思义,实时编辑,实时预览解析效果。在VSCode扩展中搜索“MarkdownPreviewEnhanced”,安装完成后重载即可。复制粘贴... 查看详情

使用vscode编写markdown文件(代码片段)

VSCode默认支持Markdown文件文件格式,这里介绍两个比较实用的功能,后续有新发现,可以持续更新。实时预览顾名思义,实时编辑,实时预览解析效果。在VSCode扩展中搜索“MarkdownPreviewEnhanced”,安装完成后重载即可。复制粘贴... 查看详情