vue提示插件[vscode]

2023-11-10

在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue,vue-beautify,vue-color,VueHelper,vertur等等。比较了下载数量可以了解到,vetur 是目前比较好的语法高亮插件,我们来安装一下吧。

vscode提高效率有效使用插件

vscode-Document This-----jsdoc注释生成。

vscode-eCSStractor-----抽取页面的class,生成一个css文档。

vscode-CSS Peek------class名字定义跳转。(终于拥有dw cc的这个css定义跳转功能)

vscode-Live Server-----http服务器(相当于使用nodejs的http-server )。

vscode-Change Case-----变量名命名风格切换。(解决了命名风格不统一的工具)

Auto Close Tag                                 自动闭合HTML标签
Auto Rename Tag                                修改HTML标签时,自动修改匹配的标签
Bookmarks                                      添加行书签
Can I Use                                      HTML5、CSS3、SVG的浏览器兼容性检查
Code Runner                                    运行选中代码段(支持大量语言,包括Node)
CodeBing                                       在VSCode中弹出浏览器并搜索,可编辑搜索引擎
Color Highlight                                颜色值在代码中高亮显示
Color Picker                                   拾色器
Document This                                  注释文档生成
EditorConfig for VS Code                  EditorConfig插件
Emoji                                          在代码中输入emoji
ESLint                                         ESLint插件,高亮提示
File Peek                                      根据路径字符串,快速定位到文件
Font-awesome codes for html             FontAwesome提示代码段
ftp-sync                                       同步文件到ftp
Git Blame                                      在状态栏显示当前行的Git信息
Git History(git log)                           查看git log
GitLens                                        显示文件最近的commit和作者,显示当前行commit信息
Guides                                         高亮缩进基准线
Gulp Snippets                                  Gulp代码段
HTML CSS Class Completion            CSS class提示
HTML CSS Support                              css提示(支持vue)
HTMLHintHTML                                  格式提示
Indenticator                                  缩进高亮
JavaScript (ES6) code snippets               ES6语法代码段
language-stylus                           Stylus语法高亮和提示
Lodash                                       Lodash代码段
markdownlint                                 Markdown格式提示
MochaSnippets                            Mocha代码段
Node modules resolve                         快速导航到Node模块
npm                                          运行npm命令
npm Intellisense                             导入模块时,提示已安装模块名称
Output Colorizer                             彩色输出信息
Partial Diff                                 对比两段代码或文件
Path Autocomplete                            路径完成提示
Path Intellisense                            另一个路径完成提示
Prettify JSON                                格式化JSON
Project Manager                        快速切换项目
REST Client                             发送REST风格的HTTP请求
Settings Sync VSCode               设置同步到Gist
String Manipulation                   字符串转换处理(驼峰、大写开头、下划线等等)
Test Spec Generator                         测试用例生成(支持chai、should、jasmine)
TODO Parser                                 Todo管理
Version Lens                                 package.json文件显示模块当前版本和最新版本
vetur                                        目前比较好的Vue语法高亮
View Node Package                           快速打开选中模块的主页和代码仓库
vscode-icons                                文件图标,方便定位文件
VSCode Great Icons                 文件图标拓展
VueHelper                                    Vue2代码段(包括Vue2 api、vue-router2、vuex2)

Quokka.js                                    可以即时显示js和ts的运行结果,想试验一些短代码的运行结果,但是又不想之后删除文件的时候可以用到

codeRunner                                   可以运行C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script,等开发语言并支持局部执行

IntelliSense for CSS class names      智能提示 css 的 class 名

Node.js Modules Intellisense          可以在导入语句中自动完成JavaScript / TypeScript模块。

vscode-faker                           生成假数据,地址,电话,图片等等

Regex Previewer                        测试正则的插件

 

修正日期:2018-08-06    来源: https://www.qcloud.com/community/article/983896 

 

转载于:https://www.cnblogs.com/QQ-Monarch/p/7130783.html

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue提示插件[vscode] 的相关文章

  • 如何在开头时解析 json 文件

    我想解析以下 JSON 文件 但以 向我表明这是一个数组 然后继续 对象 我当前的解析器返回一个 JSON 对象 我的问题是 如何修改解析器来解析这个文件 这样解析器将为我提供其他 JSON 文件 从对象或排列开始 JSON 文件 codi
  • 如何通过 JSON / JS 在 Jenkins 中添加 CSRF 面包屑

    我想在 Jenkins 中通过 API 创建作业 但无法连接 Jenkins 中的 CSRF 保护课程 我得到了一个面包屑 但不知道如何将其附加到 JSON 或 JavaScript 中的 url 请求 以通过 POST 方法获取数据传递
  • 合并多个 git 存储库

    假设我有一个看起来像这样的设置 phd code phd figures phd thesis 由于历史原因 这些都有自己的 git 存储库 但我想将它们合并为一个 以稍微简化事情 例如 现在我可能会进行两组更改 并且必须执行类似的操作 c
  • 仅将单个文件放入 git 子模块/存储库中

    我在 git 源代码存储库中有一个特定文件 其中包含生产设置 密码 我想限制此文件 以便只有制作团队的成员才能看到它 但是 我想控制它的变化 我考虑过在 git 中使用子模块 然后限制对新存储库的访问 然而 git 似乎需要子模块的整个子目
  • Google AJAX API - 如何获得 4 个以上结果?

    我使用下面的 google API ajax 来获取特定搜索词的图像 这是在一个WinForms app 下面的链接似乎有效 但它只返回 4 个结果 通过 JSON 有谁知道如何哄得更多吗 显然必须有另一个参数来请求更多或分页结果 但我似乎
  • 如何对数组的数组进行 JSON_MODIFY?

    我的结构看起来像这样 Declare layout NVARCHAR MAX N Sections SectionName Section1 SectionOrder 1 Renders RenderName Render1 RenderO
  • 使用 catch all 字典属性将 json 序列化为对象

    我想使用 JSON net 反序列化为对象 但将未映射的属性放入字典属性中 是否可以 例如给定 json one 1 two 2 three 3 和 C 类 public class Mapped public int One get se
  • 在 git 中管理 schema.rb 的首选方法是什么?

    我不想添加schema rb to gitignore 因为我希望能够从该文件加载新的数据库架构 然而 保持检查状态会导致各种虚假冲突 而这些冲突很容易通过新的解决方案解决 db migrate reset 基本上我想要一种方法 将 sch
  • git update-index --no-assume-unchanged 不起作用

    我设置了assume unchanged咬了几个文件 现在我想取消它们 但这不起作用 gt git update index no assume unchanged Gemfile gt git ls files v grep Gemfil
  • 如何与其他用户共享 bitbucket 存储库?

    我正在使用 Bit 存储桶 并且我想与一位朋友分享我的存储库 我用的是免费的个人账户 似乎有一个选项可以在位桶中创建团队 但它说它将把我的帐户从个人帐户转换为团队帐户 我不要那个 我如何授予其他用户访问此存储库的权限 有一个共享链接选项 如
  • 使用 Ajax Jquery post 请求进行 Json 劫持

    昨天 我读了一些关于如何预防的好文章使用 Asp Net MVC 进行 Json 劫持 http haacked com archive 2009 06 24 json hijacking aspx 规则是 永远不要通过 get 请求发送
  • Javascript 将对象推送为克隆

    我将 d3 用于交互式网络应用程序 我需要绑定的数据在交互过程中发生变化 并且由 JSON 变量中的一些选定对象组成 为此 我在 JSON 变量上使用了映射 并进行了一些查询来选择适当的对象 对象被推送到列表中 并且该列表被绑定为新数据 我
  • 在 git 中记录前 10 个

    两个问题 如何从头到尾显示 git 中的前 10 个提交 无分行 如何指定提交索引并记录它 显示第二个或第三个 我知道 git 使用父级来链接提交 很容易从头到尾记录提交 喜欢 git log HEAD 10 但我需要从头到尾查询 可以吗
  • 参考上一个问题:为什么 VBA 没有加载所有发票详细信息

    除了上一个问题之外 我们在销售发票上仍然存在相同的加载失败问题 下面的 VBA Json 仍然仅加载一行或第一个产品详细信息行 而不是与表中该销售发票合作的所有产品行详细信息 我们希望下面的 VBA 能够根据参数加载发票详细信息 例如 如果
  • Apache Camel 的 JsonMappingException

    我在骆驼路线上遇到以下异常 Caused by com fasterxml jackson databind JsonMappingException No serializer found for class org apache cam
  • 如何防止克隆我的 github 存储库?

    我正在尝试找到一种方法来防止从 github 存储库克隆 例如 我有一个私有存储库 有些人在该存储库中工作 在公司计算机中 团队中的每个人都设置了授权级别 当我在 github 上为某个用户设置授权时 该存储库可在他 她自己的 github
  • git 从存储中删除文件

    我有一个藏匿处 里面有一堆文件 但由于文件冲突 我无法应用我的存储 我已经在我的存储中发现了有问题的文件 我想将其删除 如何从存储中删除单个文件而不破坏整个文件 存储是一次提交 或者实际上是两次甚至有时是三次提交 并且您无法更改提交 那么
  • git tag --contains 如何工作?

    从几天前开始 我一直在尝试确定在哪个版本 由标签指定 中部署了特定修复 由提交指定 这里的一些帖子发布了这一点git tag contains是收集这些信息的方法 但是选项的文档 https git scm com docs git tag
  • 将主分支的提交合并到另一个分支,但不合并两个分支

    我有 git 存储库和一个主分支 我决定开发新功能 并且创建了新分支 new branch 我已经在 new branch 中创建了一些提交 但我还没有完成新功能 我决定修复 master 分支中的一些错误 因此我切换到 master 分支
  • 如何获取所有mysql元组结果并转换为json

    我能够从表中获取单个数据 但是当我试图获取表上的所有数据时 我只得到一行 cnn execute sql rows cnn fetchall column t 0 for t in cnn description for row in ro

随机推荐

  • TensorFlow与cudnn不匹配 :Loaded runtime CuDNN library: 7.5.1 but source was compiled with: 7.6.0

    win10 cuda10 0 130 cudnn原来是按照其他博客 安装的是7 5 1 在anaconda虚拟环境中已经成功安装TensorFlow gpu 1 15 但是用这个虚拟环境运行我的程序的时候出现了Loaded runtime
  • 循环神经网络——下篇【深度学习】【PyTorch】【d2l】

    文章目录 6 循环神经网络 6 7 深度循环神经网络 6 7 1 理论部分 6 7 2 代码实现 6 8 双向循环神经网络 6 8 1 理论部分 6 8 2 代码实现 6 9 机器翻译 6 9 1 理论部分 6 10 编码器解码器架构 6
  • Cookie的注册登录

    先写一个要跳转的index jsp
  • 上传,下载 javaMail

    上传 1 上传对表单限制 method post enctype multipart form data 表单中需要添加文件表单项
  • cmake交叉编译个人工程模板

    cmake交叉编译个人工程模板 文章目录 cmake交叉编译个人工程模板 初衷 1 主目录模板1 2 主目录模板2 有支持子目录的功能 3 子目录模板 初衷 由于目前写的一些c c 程序需要考虑跨平台 并且我目前接触的主要是cmake 并且
  • 后端调用接口报响应头解析错误 ProtocolException: Invalid header: Server处理方式

    问题场景 在程序后端调用外部接口时 通过域名代理访问接口能正常调用返回 通过ip端口直连访问报ProtocolException Invalid header Server异常 问题原因 外部接口可能考虑安全因素 将响应头中的服务器信息给隐
  • Jmeter —— 自动录制脚本

    目录 1 Jmeter配置 1 1新增一个线程组 1 2Jmeter中添加HTTP代理 1 3配置HTTP代理服务器 2 录制脚本 2 1配置本地代理 2 2访问页面进行操作 2 3脚本处理 1 Jmeter配置 1 1新增一个线程组 1
  • TOF/结构光camera区别、TOF同时成像深度图、IR图原理?

    TOF 结构光camera区别 参考 https zhuanlan zhihu com p 51218791 TOF是通过红外光发射器发射调制后的红外光脉冲 不停地打在物体表面 经反射后被接收器接收 通过相位的变化来计算时间差 进而结合光速
  • 【Qt】串口通讯

    Qt串口通信基础及名词说明 1 串口通信 1 波特率 2 数据位 3 停止位 4 奇偶校验位 2 名词介绍简单版 1 起始位 2 数据位 3 校验位 4 停止位 5 空闲位 2 Qt串口通信模块QtSerialPort简介 1 QSeria
  • Jmeter--记录一个使用CSV Data Set Config犯的低级错误

    关于Jmeter的这个元件CSV Data Set Config网上已有大量篇幅的文章去接受 并且介绍的都挺详细 这里就不再介绍 这里主要介绍第一次使用此元件时犯的错误 当脚本完成后 点击运行 但是在察看结果树中没有发现运行结果 可以说点击
  • SpringBoot 如何保证接口安全?老鸟们都是这么玩的!

    为什么要保证接口安全 对于互联网来说 只要你系统的接口暴露在外网 就避免不了接口安全问题 如果你的接口在外网裸奔 只要让黑客知道接口的地址和参数就可以调用 那简直就是灾难 举个例子 你的网站用户注册的时候 需要填写手机号 发送手机验证码 如
  • 23年找工作的心酸历程

    前几天在脉脉上看到一个热议话题 23年找工作的心酸历程 大家都知道近几年互联网大环境不好 找工作变得越来越卷了 就算是BAT这种大厂出来的 也不见得就有多好找工作 可想而知 如果你的背景和能力不是特别强 很有可能练简历关都过不了 特别是工作
  • SpringBoot 快速整合SpringDataJPA (基础篇)

    序言 SpringDataJPA秉承大道至简的设计理念 给我们的数据层开发带来的极大的便利 诸如基于注解就可完成实体 数据库的映射关系 提供自带的通用Repo接口 接口方法约定名称即可实现数据访问等特性都是值得称赞的功能 正文 Spring
  • Flutter踩坑之 Android license status unknown 解决方案

    问题引入 Mac上搭建Flutter开发环境文章中 在使用flutter doctor查看是否需要安装其它依赖项时 检测出三个问题 Doctor found issues in 3 categories 其中有关Android平台的报错如下
  • C++ sort()函数

    C 中的sort 函数是用于对容器 如数组 向量 链表等 中的元素进行排序的标准库函数 它使用了一种称为快速排序 quicksort 的排序算法 通常具有较好的性能 sort 函数位于
  • element 表格二次封装

  • Mac office 2016 word 出现隐藏模块中出现编译错误: link

    try to remove Library Group Containers UBF8T346G9 Office User Content Startup Word linkCreation dotm or whatever in that
  • Redis单机版全面讲解

    目录 常识 什么是redis redis为什么快 redis作为实例安装在系统中 redis数据类型 redis命令 String类型相关命令 list类型相关命令 hash类型相关命令 set类型相关命令 zset类型相关命令 redis
  • LAN8720A网络模块的使用问题

    一 LAN8720A模块驱动电路 最近在调试STM32F4驱动LAN8720A网络模块 在做方案前参考是正点原子的LAN8720A的驱动电路方案 但是从网上买回来的LAN8720A模块用正点原子的例程一直驱动不起来 在windows系统下一
  • vue提示插件[vscode]

    在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue vue beautify vue color VueHelper vertur等等 比较了下载数量可以了解到 vetur 是目前比较好的语法高亮插件 我们