VScode在开发vue时常用的插件，干就完了

最新推荐文章于 2024-05-10 17:01:37 发布
原创 最新推荐文章于 2024-05-10 17:01:37 发布 · 318 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #git

本文推荐了一系列VSCode插件，包括AutoRenameTag、ESLint、HTMLSnippets、Chinese(Simplified)LanguagePackforVisualStudioCode、LiveServer、PathIntellisense、Prettier-Codeformatter、vue、vscode-icons、Vue2Snippets、Vetur、JavaScript(ES6)codesnippets、HTMLFormat、HTMLCSSSupport、BracketPairColorizer和vuepeek等，覆盖了代码格式化、智能补全、标签修改及美化等功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. Auto Rename Tag  自动成对修改标签名
  2. ESLint  
  3. HTML Snippets
  4. Chinese (Simplified) Language Pack for Visual Studio Code  汉化vscode
  5. Live Server  启动本地服务（不用装也行）
  6. Path Intellisense   自动补全路径
  7. Prettier - Code formatter   格式化代码（最好装11）
  8. vue
  9. vscode-icons    不同扩展名，不同的图标
  10. Vue 2 Snippets
  11. Vetur
  12. JavaScript (ES6) code snippets
  13. HTML Format
  14. HTML CSS Support     
  15. Bracket Pair Colorizer    括号成对颜色
  16. vue peek

逐一安装，不需要顺序，基本已经够用了，其他的特殊需求自己查找安装即可。

vue-peek vscode 插件
08-29
vue-peek
Vue2.0+组件库总结
jiao0916的博客
10-11 884
原文作者：鲁大师666 链接：https://www.jianshu.com/p/011d308d7dd7 UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material ...
Vue入门（Vscode）
qq_34253002的博客
11-10 1265
Vue是一套构建用户界面的渐进式框架。只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件【解决前端开发痛点“复杂的dom操作”】
vscode插件分享： 6个Vue3开发必备插件
qq_43067585的博客
02-27 3902
本篇文章给大家整理分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用，希望对大家有所帮助！
VScode编写vue 单文件组件各种跳转问题
包磊磊的博客
08-18 2306
vue-css-peek Vue Peek 这个起作用了 vue-helper vue-jumptotag
Vue3 + Springboot入门交互学习
2301_76679920的博客
04-21 2433
1.后端 API 开发在 Spring Boot 项目中开发 RESTful API，用于处理前端发送的请求并返回数据。确保 API 能够响应标准的 HTTP 请求，包括 GET、POST、PUT、DELETE 等。对于需要验证用户身份的操作，可以实现用户认证和授权机制，例如使用 Spring Security。2.前端 Vue 3 项目开发在 Vue 3 项目中使用 Axios 或 Fetch 等工具发送 HTTP 请求到后端 API。
vue2+vue3
weixin_43460646的博客
11-15 1123
本博客主要为coderwhy的Vue2网课 + 尚硅谷Vue2+Vue3网课，所整理记录的学习笔记，仅作学习用途，如有侵权，烦请联系本人侵删。同时感谢黑马、尚硅谷老师们的辛苦教导付出，如有不足之处，欢迎各位小伙伴、官老爷们多多提意见或建议，感谢！
Vue + quasar-framework进行Vue混合app开发 ─ 环境准备(一)
热门推荐
寻梦无痕
10-24 1万+
这几天有空闲时间去网上找了找vue的相关的ui框架，看到有网友推荐quasar-framework，去它官网看了下，然后看到了Hybrid Mobile Apps (that look native,意思就是混合移动应用程序，这不就是混合app吗，还是基于Vue的，仔细看了下支持的东西还挺多单页面应用、SSR服务器渲染、渐进式Web、混合app开发、Electron Apps开发（桌面应用），乖乖...
Vue安装及环境配置（最新，包一次成）
最新发布
Syyynb的博客
05-10 3万+
选择你想要安装的版本， 第三个是 vue3 第四个是vue2 最后是自己想要的配置 通过键盘下键选择。创完之后vue文件夹里会有vueroute这个文件夹，就是刚刚创建的项目，把它拖到vscode里。下一步会让你选择一个vue版本，根据自己的需要选择vue2.0或vue3.0。将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。安装完之后，所有的配置就结束了，接下来就开始创建项目吧！同理，把它的权限也都打开，权限和node.js一样。在最上方有三个点（...）点击，选中终端，新建终端。
一步步使用SpringBoot结合Vue实现登录和用户管理功能
2301_78145364的博客
04-21 1233
按照官方文档，来进行MP的分页。作为Mybatis的增强工具，MP自然是支持自定义sql的。其实在MP中，单表操作基本上是不用自己写sql。这里只是为了演示MP的自定义sql，毕竟在实际应用中，批量操作、多表操作还是更适合自定义sql实现。修改pom.xml，在 中添加：**/*.xmltrue配置文件：在application.properties中添加mapper扫描路径及实体类别名包今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！
vscodevue插件_vscode vue实用插件
weixin_39528029的博客
11-25 801
1、vue-helper官方：this plugin main enhance ability for write vue and extension for Element-UI, VUX, IVIEW译文：这个插件主要增强了写vue和扩展元素的能力- ui, VUX, IVIEW帮助：这个可以在我们使用vue的IVIEW时候跳转到对应组件2、Vetur3、vscode-vue-peek官方：T...
VsCode 常用好用插件/配置+开发Vue 必装的插件
伟庭的博客
03-21 1万+
VsCode 常用好用插件/配置+开发Vue 必装的插件
vue开发者必备vscode插件【2024最新】
liyananweb的博客
01-31 1万+
Vue.js 是一个流行的前端框架，而 Visual Studio Code (VSCode) 是许多开发者的首选代码编辑器。通过使用这些插件，你可以显著提高你的 Vue.js 开发效率和代码质量。不过，值得注意的是，随着技术的发展，可能会有新的插件出现，或者现有插件的功能会发生变化。因此，建议定期关注 VSCode 插件市场的动态，以便获取最新的工具和功能。对于需要额外配置的插件，如 ESLint 或 Prettier，你可能需要创建或修改项目中的配置文件，或者调整 VSCode 的工作区或全局设置。
vue----vscode跳转定义组件的插件，以及vscode常用插件
19年8月小结
08-06 3万+
在新公司里刚安装了vscode，写vue或者小程序都会用到vue，小程序代码高亮的设置 在vscode底部栏进入.vue文件底部这里会显示文件格式，鼠标移上去有选择语言模式，vue文件选择vue，wxhl文件选择html 下面是点开文件==》首选项==》设置==》进入setting.json文件，我用的以下设置，够平时工作上用了。这些都是平时安装插件的时候系统自动配置的，我一开始新安装vscod...
vue项目vscode常用插件
weixin_30980795的博客
05-14 724
对于很多使用vscode编写vue项目的新手同学来说，可能不知道使用什么插件，这里简单说一下我常用的几款插件。 javascript console utils 它的主要功能是快速的生成console.log()，再调试js的过程中难免要打印一些东西，所以快速生成就很爽 下载安装好就可以用了 然后按ctrl/cmd+shift+L 调试好了之后需要把这些console.log删除掉 这时按ctrl/cmd+shift+D vetur vetur能够实现在 .vue 文件中： 语法错误检查，包括 CSS/
「VUE架构」Vue2.0插件之三：使用vue-axios插件
拥抱AI Design
02-01 2万+
本文只要介绍vue-axios基本用法与常见的问题 一、vue-axios插件的安装 使用 npm: $ cnpm install axios 二、vue-axios插件的引用 出于页面的优雅考虑，使用vue2.0 vue-cli脚手架的代码风格去实现。 1、创建引用文件： 用ide打开项目文件，在src目录下创建文件夹axios，后在文件夹内创建index.js。...
分享 6 个 Vue3 开发必备的 VSCode 插件
pingan8787
08-09 1万+
今天分享的 6 个插件，大家可以按需安装使用。我比较强烈推荐实用Volar和这 2 个插件。👍大家有更好的插件，欢迎评论分享~🔥欢迎关注我的微信公众号“前端自习课”。
vscode，vue项目出现两个代码自动补全（智能提示）解决办法
q18742509891的博客
03-29 1万+
vue2项目我们一般使用vetur来实现vue文件的代码高亮和自动补全，升级到vue3之后，官方建议使用volar。 如果你的vscode安装了vetur和volar并且都启用了的话就会出现两个代码高亮和自动补全，颜色选择、标签联想等等都会出现两个。 所以解决办法就是禁用一个就行了，用vue2就禁用volar，用vue3就禁用vetur ...
vscode自动补全代码
m0_53251830的博客
02-18 1万+
vscode自动补全代码方法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值