首页 > 其他分享 >VScode使用技巧

VScode使用技巧

时间:2023-03-24 17:15:06浏览次数:41  
标签:插件 技巧 less VScode 代码 Ctrl 说明 使用

快捷键

  1. CTRL+SHIFT+X进入扩展界面安装插件
  2. !+Tab 快速创建HTML模板
  3. Ctrl+Shilft+K 删除一行
  4. Ctrl + Shift + P,F1 显示命令面板 Show Command Palette

   VScode快捷键(最全) - 星朝 - 博客园 (cnblogs.com)

 

插件

  1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 中文插件
  2. vscode-icons 文件夹和文件的图标美化 “Ctrl+Shift+P”组合键以显示“命令面板”,然后键入“display”以筛选并显示“Configure Display Language”命令。按“Enter”
  3. open in browser ALT+B Open In Default Browser
  4. Live Server 不用刷新浏览器,只要你修改代码,然后就能实时看到网页的变化,当然实现上面的操作还需要一个设置支持,那就是自动保存。
  5. Auto Close Tag 自动闭合标签插件
  6. Auto Rename Tag 标签同步修改
  7. Guides 辅助线对齐,选中的代码块会通过红线匹配前缀后缀,以免代码繁多搞砸
  8. HTMLHint html代码检测,支持html5,错误的地方会标下滑波浪线,提示错误信息
  9. Path Intellisense 可以很好的识别引入文件的路径,根据路径提示功能
  10. Prettier - Code formatter 在保存的时候格式化代码,让代码整洁易懂
  11. vue多功能集成插件,包括语法高亮,智能提示,emmet,错误提示,格式化
  12. Project-tree 自动生成项目目录文件结构树,并写入readme中
  13. 使用less必备插件,写好less能帮助你编译出css代码,less写起来比css方便快捷。css那些父级嵌套的处理,在less里面能够直接嵌套,这就是方便,当然还需要更改一些设置
  14. TODO 高亮代码 在编写代码时想在某个地方做一个标记,后续再来完善或者修改里面的内容,可以利用此插件高亮显示,之后可以帮助我们快速定位到需要修改的代码行

  // TODO: + 说明

  如果代码中有该注释,说明在该注释处有功能代码待编写,待实现的功能在说明中会简略说明。

  // FIXME: + 说明

  如果代码中有该注释,说明该注释处代码需要修正,甚至代码是错误的,不能工作,需要修复,如何修正会在说明中简略说明。

  

 

标签:插件,技巧,less,VScode,代码,Ctrl,说明,使用
From: https://www.cnblogs.com/bellin124/p/17252727.html

相关文章

  • Android中使用EventBus事件发布/订阅框架实现事件传递
    场景EventBusEventBus是一种用于Android的事件发布-订阅总线。它简化了应用程序内各个组件之间进行通信的复杂度,尤其是碎片之间进行通信的问题,可以避免由于使用广播通信而带......
  • Linux-编辑器vim与nano的使用
    实现vim运行模式编辑模式:等待编辑命令输入插入模式:编辑模式下,输入i进入插入模式,插入文本信息命令模式:在编辑模式下,输入:进行命令模式命令  :q 直接退出vi :wq 保存后......
  • django -表单 forms 类的使用 - Form 和 ModelForm - 时间格式的配置
    @目录表单是搜集用户数据信息的各种表单元素的合集,其作用是实现网页上的数据交互,比如用户在网站输入数据信息,然后提交到网站服务器进行处理(如数据录入和用户登陆注册),分为......
  • 傲软录屏工具使用教程(附工具亲测有效!!!)
    傲软录屏傲软录屏(ApowerREC)是一款简单易用的专业录制屏幕画面及声音的录屏软件,主要用于电脑操作、会议视频、课程讲解,视频影视、游戏等多种活动的录制。该软件支持多种......
  • Charles 使用手册
    抓取PC端请求HTTP请求默认抓取pc端http请求(可在Proxy-WindowsProxy勾选抓取/不勾选不抓取)HTTPS请求选择Help->SSLProxying->InstallCharlesRootCertifi......
  • strokeplug.net - vscode
    functiongetWindowByProcessName(pName){if(!pName||pName.lenght<1)return;letwnds=sp.AllApplications();letresult=newArray();for......
  • gitee使用教程
    版权声明:本文为CSDN博主「林新发」的原创文章,遵循CC4.0BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/linxinfa/article/details/108709......
  • cpu使用率飙升如何排查
    第一步,使用top找到占用CPU最高的Java进程1.监控cpu运行状,显示进程运行信息列表top-c(按CPU使用率排序,键入大写的P)第二步,用 top-Hp 命令查看占用CPU最高......
  • Leaflet中使用Leaflet.Spin插件实现地图加载等待效果
    场景Leaflet快速入门与加载OSM显示地图:Leaflet快速入门与加载OSM显示地图_BADAO_LIUMANG_QIZHI的博客-在上面的基础上,怎样使用插件实现地图加载等待效果如下注:博客:BADAO_LIU......
  • Openlayers中使用Cluster实现点位元素重合时动态聚合与取消聚合
    场景Openlayers中使用Cluster实现缩放地图时图层聚合与取消聚合:Openlayers中使用Cluster实现缩放地图时图层聚合与取消聚合_BADAO_LIUMANG_QIZHI的博客-上面实现缩放地图时......