安装Vue VSCode Snippets无法正常使用vbase快捷键

已于 2023-12-21 17:24:27 修改
阅读量824 收藏 9
点赞数 13
分类专栏： 项目配置 文章标签： vue.js vscode 前端
于 2023-12-21 17:20:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/idanzk/article/details/135135690
版权

首先正常安装下面的插件

1.问题描述

在新建vue页面后，输入vbase创建初始模板，但是我的IDE没有任何提示。

2.问题产生原因

可能是之前的一些配置与这个插件发生了冲突。

我的问题是之前的一些配置把.vue文件默认当成了.html文件解析，导致快捷键失效

3.解决方法

vscode点击 文件 —— 首选项 —— 设置

进入到下面这个页面  点击建议，找到Associations

鼠标点击到 Associations，会出现一个设置图标

右键点击设置图标，选择重置此设置，然后重启vscode，再打开刚才的页面

问题解决

idanzk
关注
  • 13
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
新手安装VSCode+Vue项目运行手册（适合新手）
12-16
安装VSCode+安装配置插件+获取代码+项目运行
vetur vue vscode 插件
04-29
vetur vue vscode 插件
vscode在vue中注释失效
Lval的博客
11-27 4463
vscode在vue文件中注释出现下面的情况 可能是Vue 3 Snippets造成的插件冲突，卸载掉这个插件，或者，安装个插件 “Vuter” 解决 （注意是“Vuter“ 不是那个”Vetur“插件）
vue cli3.0 引入eslint 结合vscode使用
10-16
主要介绍了vue cli3.0 引入eslint 结合vscode使用，本文分步骤给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
前端vue+vscode断点调试详解
11-11
前端vue+vscode断点调试详解 chrome,f12,Sources-Filesystem添加文件夹映射，即映射到本地项目的源码中进行断点调试 SourceMap能够让压缩翻译过的最终版的各种文件与原来未压缩过的文件对应起来
解决vscode的markdown自定义的snippet出不来的问题
zoujiawei6的博客
11-25 1378
打开VScode的`setting.json`在`[markdown]`下新增或修改`editor.quickSuggestions`即可： ```json { "[markdown]": { "editor.quickSuggestions": { "other": "on", "comments": "on", "strings": "on" }, } } ```
使用VSCode需要安装的一些插件
黑玫瑰
09-28 4973
下载安装VSCode 下载安装：https://code.visualstudio.com/Download 通用插件 Auto Close Tag ：匹配标签，关闭对应的标签 Auto Rename Tag ：自动重命名 beautify : 良好的拓展性，可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用 View In Browser 或 Open In Browser 运行在浏览器中打开文件 HTML CSS Support ：这个也是必备插件之一 .
Vscode插件Vue VSCode Snippets生成Vue模板代码使用大全
热门推荐
DT辰白
05-23 1万+
Vue VSCode Snippets插件前言一、Vue VSCode Snippets插件安装二、使用步骤1.生成vue基本模板代码2.自定义模板3.常用快捷键总结 前言 最近使用了Vscode编辑器写Vue前端代码，发现很坑，很多东西都不会提示，而且超级难找，所以这里记录一下小编的初使用过程中遇到的坑。 一、Vue VSCode Snippets插件安装 这里小编第一次安装完成之后，发现他的一些命令根本不生效，我重启了Vscode还是没啥反应，解决方式： 查看底部的状态栏当前的语法格式： 如果是
vscode markdown文件 Snippet 不生效
海胆的博客
04-02 958
参考博客 排除掉语法错误，还需要配置 setting.json "[markdown]": { "editor.quickSuggestions": { "other": true, "comments": true, "strings": true }, "editor.acceptSuggestionOnEnter": "on" }
Vscode配置代码片段不生效解决方法（仅仅改一下json配置就行了呜呜呜）
森姐姐的博客
12-15 9036
Vscode配置代码片段不生效解决方法（仅仅改一下json配置就行了呜呜呜）
vue-snippets:Vue片段目录的集合
05-13
Vue片段 描述 编辑器的片段集合。 安装 Git克隆 在主菜单下，选择“帮助”>“显示扩展文件夹” Git将这个存储库克隆到文件夹用户中。 推广经理 在主菜单下，选择文件>扩展管理器... 搜索“ Vue代码段” 点击“安装” 如何使用 启用Vue片段在主菜单下，选择“编辑”>“启用Vue代码段”或打开“首选项”文件，然后添加“ vue-snippets.enabled”：true 。 输入一个片段，然后按Space键。 片段 Vue 片段 目的 vbase 单个文件组件库 模板 片段 目的 vfor v-for指令 vmodel 语义v模型指令 vmodelNum 语义v模型编号指令 von 带参数的v-on点击处理程序 velProps 带有道具的组成元素 vsrc 图像src绑定 vstyle 内联样式绑定 vstyleObj 内联样式与对象的绑定 vc
vue-vscode-snippets：这些片段旨在以最无缝的方式增强我的工作流程
02-28
Vue VSCode片段 描述 这些片段旨在以最无缝的方式增强工作流程。 此回购协议是专门为现实世界使用而构建的。 它没有对API定义进行分类，而是从Vue的实际使用角度着重于开发人员的人机工程学。 其中包括我个人讨厌打字的部分，以及有助于快速退出的样板。 支持的版本：Vue 2和Vue 3 安装 任何一个 单击扩展按钮（编辑器中最低的方形图标），然后键入Vue VSCode代码段，然后按sdras选择一个 或者 转到此处 ext install Vue VSCode Snippets 您可以通过打开Code > Preferences > Settings （在Mac上）并将"editor.tabCompletion": "onlySnippets"应用于您的个人设置来启用制表符完成（推荐） 片段 Vue 片段 目的 vbase 具有SCSS的单个文件组件库 vbase-3
在vscode里使用.vue代码模板的方法
12-29
1.设置.vue模板 打开编辑器，点击文件 —— 首选项 —— 用户代码片段，会弹出来一个输入框。 在输入框输入vue，回车，会打开一个vue.json文件。 在里面复制以下代码： { Print to console: { prefix: vue, body: [ <template>, <div class=\container\>\n, </div>, </template>\n, [removed], export default {, data
VSCode Vue开发推荐插件和VSCode快捷键(小结)
10-14
主要介绍了VSCode Vue开发推荐插件和VSCode快捷键(小结)，文中通过图文表格介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vscode中直接出现vue组件模板的快捷方式
蔡菜小奥比的博客
07-07 1877
vscode中直接使用vue模板的快捷方式
vscode使用系列-----------Vue模板的使用与自定义
我爱coding+的博客
12-16 1713
vscode配置vue模板 snippets插件
vscode注释快捷键ctrl+/失效处理办法
Eisfrog的博客
03-06 4571
所以只需要把ctrl+/快捷键重新设置一下，设置为ctrl+/(小键盘除号)就可以了！我把ctrl+shift+/（小键盘除号）设置好的时候，偶然间发现的。新安装的vscode注释快捷键ctrl+/（小键盘除号）失效了！“/”是中文问号在英文输入模式下出现的。经过检查，发现此除号非彼除号。小键盘除号是小键盘除号。
VSCode快速修复(quick fix)快捷键无效修复
最新发布
Huanzhi_Lin的博客
04-28 3657
文章目录1、切换到微软拼音2、右键进入设置——按键3、选择【中英文标点切换】的无4、完成VSCode快捷键修复。 1、切换到微软拼音 2、右键进入设置——按键 3、选择【中英文标点切换】的无 4、完成VSCode快捷键修复。
vscode插件分享： 6个Vue3开发必备插件
qq_43067585的博客
02-27 2856
本篇文章给大家整理分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用，希望对大家有所帮助！
vue vscode snippets
03-16
Vue VSCode Snippets 是一个为 Vue.js 开发者提供的 Visual Studio Code 扩展程序，它包含了大量的代码片段，可以帮助开发者快速编写 Vue.js 代码。这个扩展程序支持 Vue.js 2 和 Vue.js 3，可以帮助开发者提高开发效率，减少出错率。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值