VSCode好用插件

这篇具有很好参考价值的文章主要介绍了VSCode好用插件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

由于现在还是使用vue2,所以本文只记录vue2开发中好用的插件。
美化类插件不介绍了,那些貌似对生产力起不到什么大的帮助,纯粹的“唯心主义”罢了,但是如果你有兴趣的话可以查看上一篇博客:VSCode美化

1. vuter

简介:开发vue必装的。
VSCode好用插件,开发工具,vscode,ide,编辑器

2. 别名路径跳转

简介:别名路径跳转插件,支持任何项目,可以自由配置映射规则,自由配置可缺省后缀名列表。
使用:在使用@引用的项目文件时,鼠标移入,点击即可跳转至引用的页面。
VSCode好用插件,开发工具,vscode,ide,编辑器

3. Auto Rename Tag

简介:当我们修改 HTML/XML 某个节点标签时,能够自动重命名结束标签的命名。
VSCode好用插件,开发工具,vscode,ide,编辑器

4. Auto Close Tag

简介:自动添加 HTML/XML 结束标签,比如当输入 <p> 标签,则自动添加 </p> 结尾标签。
VSCode好用插件,开发工具,vscode,ide,编辑器

5. CSS Navigation

简介:允许你通过点击 HTML 中的类名,直接跳转至对应的样式代码。
VSCode好用插件,开发工具,vscode,ide,编辑器

6. Path Intellisense

简介:当你通过 . 的方式导入某个文件时,可自动提示文件路径。
VSCode好用插件,开发工具,vscode,ide,编辑器

7. Turbo Console Log

简介:当你想使用console.log打印某个值时,可以选中值,然后快捷键:ctrl + alt + L即可自动生成console.log 语句。
VSCode好用插件,开发工具,vscode,ide,编辑器文章来源地址https://www.toymoban.com/news/detail-845136.html

到了这里,关于VSCode好用插件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 12.(开发工具篇vscode+git)vscode 不能识别npm命令

    问题描述: 解决方式: (1)右击VSCode图标,选择以管理员身份运行; (2)在终端中执行get-ExecutionPolicy,显示Restricted,表示状态是禁止的; (3)这时执行set-ExecutionPolicy RemoteSigned; (4)此时再执行get-ExecutionPolicy,显示RemoteSigned,则表示状态解禁,可以运行 (5)重启

    2024年02月16日
    浏览(37)
  • VsCode 常用好用插件/配置+开发Vue 必装的插件

    1、实时刷新网页的插件:LiveServer 2、open in browser 支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari 补充一下:LiveServer 和 open in browser 区别:注意观察浏览器地址栏 open in browser:直接打开HTML文件就是通

    2024年02月08日
    浏览(49)
  • VsCode开发工具的入门及基本使用

    大家好,我是[阿猫的故乡]。很高兴能有机会与大家分享关于VsCode开发工具的入门及基本使用的知识。 文章目录 文章目录 前言 一、VsCode是什么? 二、使用步骤 1.如何下载 2.如何使用 总结 在开发者社区中,Visual Studio Code(简称VS Code)已经成为最受欢迎的文本编辑器之一。作

    2024年02月02日
    浏览(71)
  • 开发工具:VSCode 摸鱼神器,确定不试一下?

    现在使用 VsCode 编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝。 以其可支持扩展程序(通过安装扩展程序,VS Code 可以支持更多新的语言、界面主题、测试器,以及更多的增值服务),而备受广大开发者追捧。除了开发插件外,有哪些可

    2024年02月04日
    浏览(48)
  • vscode开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】

    1、当前打开的文件快速在左侧资源树中定位: 其实打开了当前的文件已经有在左侧资源树木定位了,只是颜色比较浅 2、打开太多文件的时候,可以关闭 3、设置查看当前类或文件的结构 OUTLINE 相当于idea 查看当前类或接口的结构 Structure 二、查看源码技巧: (1) Ctr+鼠标 点击

    2024年02月10日
    浏览(68)
  • vscode开发小程序项目并在微信开发者工具运行

    需求:vscode开发uniapp之后在微信开发者工具运行,更改的时候微信开发者也同步更改 创建微信小程序所需插件,在vscode的插件管理里面安装就可以了 1.微信小程序开发工具 2.vscode weapp api 3.vscode wxml 4.vscode wechat 1.创建小程序命令 这里的uniapp-vue是项目名称,不能大写 2.选择un

    2024年02月09日
    浏览(61)
  • 【01】基础知识:typescript安装及使用,开发工具vscode配置

    typeScript 是由微软开发的一款开源的编程语言。 typeScript 是 javascript 的超级,遵循最新的 es6、es5规范。 typeScript 扩展了 javaScript 的语法。 typeScript 更像后端 java、C# 这样的面向对象语言,可以让 js 开发大型企业项目。 全局安装:$ npm install -g typescript 查看 typescript 版本:$ ts

    2024年02月13日
    浏览(56)
  • Python教程(3)——python开发工具vscode的下载与安装

    python的开发工具有很多款,很多都是非常好用的,其中vscode作为其中一款Python的开发工具,是非常轻量级的,今天我们来介绍一下vs code的下载与安装。 首先需要到vscode的官网,这个谷歌或者百度一下就可以搜到,然后根据你的系统下载你对应的版本,我这里使用的window,所

    2024年02月16日
    浏览(53)
  • 如何使用VSCode将iPad Pro转化为功能强大的开发工具?

    随着平板电脑的普及,大多数人的生活习惯和生活场景都离不开平板电脑的使用,刷剧,看短视频,玩主流游戏等,但是这些只是娱乐性质的场景,那想实现把平板结合到工作或者生产之中场景中呢,如编辑文档,制作工作表格,编写代码? 所以在入手ipad后,为了防止“买前生产力,买

    2024年02月08日
    浏览(67)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包