首页 > 其他分享 >【vue、react】前端如何为package.json添加注释

【vue、react】前端如何为package.json添加注释

时间:2024-09-02 15:49:57浏览次数:12  
标签:注释 vue 文件 package JSON react json JsonComments

文章目录

前言

写了个项目,想给package.json 加注释结果发现加不上去,就在网上查找了相关文章,特意总结记录一下,防止下次使用。

参考文章:如何为package.json添加注释

众所周知,JSON文件是不支持注释的,除了JSON5/JSONC之外,我们在开发项目特别是前端项目时,大量会用到JSON文件,特别是在编写package.json中的scripts时,由于缺少注释,当有大量的命令脚本时,就有了添加注释的需求。

因此就有了JsonComments这个Vscode扩展插件,可以为工程中的任意Json文件增加注释功能。启用JsonComments插件的效果如下:

在这里插入图片描述

安装

打开VSCode扩展,搜索JsonComments,然后安装即可。

使用方法

请添加图片描述

  • 添加注释
    打开当前工作区任意JSON文件,在任意键上悬停,在悬停提示中点击Add Comment,即可输入并添加注释。 添加的注释将以CodeLens的形式显示在所注释的键上方。

  • 删除注释
    直接点击注释内容,选择删除注释即可。

  • 清空注释
    按下Ctrl+Shift+P,输入Clear All Comments,即可清空当前文档的所有注释。

问题

  • 注释内容保存在哪里?
    默认情况下,注释内容保存在当前工作区的package.json文件中的json-comments中。 如果你想要修改保存位置,可以工作区配置中进行修改。

  • 如何更改注释保存位置?
    修改工作区配置JsonComments中的Save File和Entry Key即可。 例如:

// 保存在当前工作区的comments.json文件中
"json-comments": {
    "Save File": "comments.json",
    "Entry Key": ""                
}
  • 注释会修改原始的JSON文件吗?
    不会,所有的注释默认均保存在package.json文件中的中。

  • 注释提交到到Git后会丢失吗?
    不会,只要你将保存注释的文件一起提交即可。

  • 开发团队中其他人可以看到注释吗?
    可以,只需要安装JsonComments插件即可。

  • 当JSON文件编辑后注释内容会丢失吗?
    只要所注释的键的jsonpath路径没有变化就不会丢失。JsonComments是以jsonpath路径为键来保存注释内容的。

  • 当移动JSON文件时会导致注释丢失吗?
    当前版本会导致注释失效,但是注释内容还保存package.json(默认)中,您可以通过手动修改对应的jsonpath来恢复。下一版本将通过侦听文件移动来自动完成此工作。

标签:注释,vue,文件,package,JSON,react,json,JsonComments
From: https://blog.csdn.net/qq_46123200/article/details/141816315

相关文章

  • PrimeVue DataTable 属性值解析
    primeVueDataTable组件的属性值使用DataTable属性NameTypeDefaultdescriptionvaluenull|any[]null要显示的对象数组。dataKeystring|Functionnull唯一标识数据中的记录的字段名称。rowsnumber0每页显示的行数。firstnumber0要显示的第一行的索引。totalR......
  • 基于nodejs+vue宠物网站[程序+论文+开题]-计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着社会经济的快速发展与人们生活水平的提高,宠物已成为许多家庭不可或缺的一员,它们不仅带来了陪伴与欢乐,还促进了宠物相关产业的蓬勃发展。然而,在享受宠物......
  • 基于nodejs+vue宠物网络社区论坛系统[程序+论文+开题]-计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码毕设程序文件开题报告内容研究背景在当今社会,随着人们生活水平的提高和情感需求的日益增长,宠物已成为许多家庭不可或缺的重要成员。宠物市场的繁荣不仅体现在宠物数量的激增,还体现在宠物主人对宠......
  • 腾讯云服务器上线一个springboot+vue项目最全教程 非Docker 自带上传到gitee中的项目
    前言博主看网络上的各种介绍项目上线的视频/文章,要么不是真实项目上线,要么没有良好的引导,要么不全。因此就写了此博客。此博客应该是最全的了,全面地以一个项目来介绍如何上线。即使你是小白看完博客也能让你成为糕手糕手糕糕手......
  • Nginx 部署前端 Vue 项目实战指南
    一、环境准备1.安装Nginx首先,需要在服务器上安装Nginx。Nginx是一款轻量级、高性能的HTTP和反向代理服务器。安装方式因操作系统而异。Linux系统(以Ubuntu为例):sudoapt-getupdatesudoapt-getinstallnginxWindows系统:从Nginx官方网站下载安装包,按......
  • 基于SpringBoot+Vue+uniapp的网络游戏交易系统(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 基于SpringBoot+Vue+uniapp的购物商场(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 2024最新——基于SpringBoot+Vue+uniapp的QQ村旅游网站(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 2024最新——基于SpringBoot+Vue+uniapp的图书管理系统(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • ReactJs:使用映射函数后我的父数组得到更新
    在React中,使用映射函数后父数组得到更新是正常的行为。映射函数会创建一个新的数组,其中包含了原始数组中每个元素经过映射操作后的结果。如果你希望在映射函数中修改原始数组,你可以使用forEach方法来遍历数组,并在遍历过程中修改元素。以下是一个示例:constparentArray=[1,2,......