vue+ts获取package.json中version版本

最新推荐文章于 2025-02-17 22:12:45 发布
最新推荐文章于 2025-02-17 22:12:45 发布
阅读量1k 收藏 1
点赞数
分类专栏： typescript vue 文章标签： vue.js json 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tj310/article/details/121140492
版权
本文介绍如何在Vue项目中配置shims-vue.d.ts文件来使用JSON模块。通过两步操作，首先在类型声明文件中定义JSON模块，然后在项目中导入特定的JSON文件。

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

第一步：
在shims-vue.d.ts配置文件中写入：

declare module '*.json' {
  const value: any;
  export default value;
}

第二步：
在需要引入底地方：

import configs from '../../package.json'

自己根据自己的相对路径去查找

【TypeScript】关于设置文件tsconfig.json
欧阳天涵的专栏
02-10 745
输出的JavaScript代码如果是在浏览器上运行的情况下"target": "ES2023", // 主要针对最新的主流浏览器（如Chrome、Edge、Firefox、Safari等）"lib": ["ES2023", "DOM", "DOM.Iterable"], // 可以引用浏览器API的类型"module": "esnext", // 使用最新的模块系统"moduleResolution": "bundler" // 采用针对打包工具优化的模块解析方式在Node.js上运行的情况下。
npm系列：package.json
感恩、奋进、自信
09-12 3686
1、关于packag.json的基础知识 https://mp.weixin.qq.com/s/B3oppFdPYi6KD1zJhdv3XQ 2、npm发包流程 https://zhuanlan.zhihu.com/p/136603951 3、sh: vue-cli-service: command not found https://blog.csdn.net/Eva3288/article/details/106380896/ 一、在开发npm包，或者库的时候，package.j...
vue package.json
05-03
vue package.json 配置 直接npm run dev即可 vue package.json 配置 直接npm run dev即可
vue怎么获取package.json中的版本号
weixin_52335582的博客
08-25 8127
vue怎么获取package.json中的版本号
【vue】package.json查看自己的vue版本号
dujuancao11的博客
09-22 1289
【vue】package.json查看自己的vue版本号
vue获取package.json中version版本号并在页面中显示
seeeeeeeeeee的博客
10-18 4904
很简单，就两部 第一步：引入package.json 这里注意记得改路径！！ import config from '../../../package.json' 第二步：使用 console.log(config.version); 如果要再页面上使用，就把config.version赋值给一个变量，然后变量直接插值放到页面需要的位置上就行了。以后编译的时候改下版本号就可以页面上的同步变动版本号显示。 ...
npm指定版本
qq_37942845的博客
10-09 1766
在npm中安装固定的版本号package，只需要在其后加 ‘@版本号’ cnpm i vant@2.2.1 -S 或者在package.json上写入版本 1.版本号基本格式 主号.次号.修补号 2.版本号规则 1)version指定版本号 "vue-clipboard2": "0.0.8" //指定所依赖的该组件必须是 0.0.8 版本的 2)>version 大...
Vue3.0+vite vite.config.ts配置与env
qq_42396791的博客
03-15 2509
【代码】Vue3.0 vite.config.ts配置。
手把手教学：VUE3+TS组件库开发与发布
热门推荐
tglsaturn的专栏
10-19 1万+
前言 当市面上主流的组件库不能满足我们业务需求的时候，那么我们就有必要开发一套属于自己团队的组件库。 以下用一个简单的组件来讲述基于Vue3.0 + TS的组件从开发到发布npm仓库的全过程（参考element-plus） 环境版本 这里列出本文所使用的环境版本 vue 3.0 vue/cli 4.5.9 nodeJs 14.15.1 npm 6.14.8 > vue --version @vue/cli 4.5.9 > npm -v 6.14.
Electron+Vite+Vue3+Ts项目搭建
最新发布
qq_24724153的博客
02-17 571
根据自己习惯选择TypeScript 或 JavaScript 教程默认选择TypeScript。显示这样 vue 项目搭建完成了，打开vscode或者webstrom 进行以下命令。my-element-plus-app 自定义项目名称。页面展示这样 Vite+Vue3+Ts 安装完成了。再package.json 文件添加以下。如出现以下错误，请关闭相关杀毒软件。展示选择的源代表切换成功。显示以上图片代表已安装成功。或直接执行命令也是可以的。
使用CRXjs、Vite、Vue 开发 Chrome 多页面插件，手动配置 vite.config.ts 和 manifest.json 文件
guoqkmiss的博客
03-29 2532
使用 crxjs vite vue 开发 Chrome 多页面插件
获取 package.json 中的版本号 version
MAIMIHO的博客
06-29 3588
获取 package.json 中的版本号 version
Vue 取出 package.json 的版本号 version 并显示在页面上
zhengzzzzz的博客
06-15 2063
1、直接 import，例如 import config from "../../../package.json"; 2、在函数中调用，例如 console.log(config.version);
Vue中package.json版本号详解
qq_33816425的博客
05-31 2231
一、版本号介绍 1、版本号命名规范： 插件版本号有四个部分组成： 1）、主版本号：一半当功能模块有较大的变动，比如增加模块或是整体架构发生变化
【Ts】tsconfig.json、package.json、强制编译ts工程
两水先木示的博客
09-09 2671
执行 npm run build 会进行执行 scripts 下的 "build"命令，而"npm run build"可封装成一个bat文件，例如 build.bat ，直接执行 ./build 即可执行编译指令。其中tsconfig.json中compilerOptions里的几个参数会影响比较大。使用 tsc -init 生成tsconfig.json 配置说明如下。使用 npm init 生成 pakcage.json 配置如下。上面2个影响编译出的js规范。
TypeScript 中的 package.json 和 tsconfig.json 配置介绍
REID丶Beginner的博客
09-03 7028
3、main：项目发布时，默认会包括 package.json，license，README 和main 字段里指定的文件，因为 main 字段里指定的是项目的入口文件，在 browser 和 Node 环境中都可以使用。只要遇到 .mjs 文件，就认为它是 ES 模块。1、files：项目在进行npm发布时，可以通过files指定需要跟随一起发布的内容来控制npm包的大小，避免安装时间太长，般情况下，files 里会指定构建出来的产物以及类型文件，而 src，test 等目录下的文件不需要跟随发布。
vue3+ts 读取package.json中的项目版本信息
InfSein的博客
03-25 997
找了一圈都在用fs之类的，结果无意之间发现typescript对JSON文件已经有足够好的支持了。
package.json文件配置说明
Skty_ywh的博客
03-21 5856
package.json文件是Node.js项目中的一个描述文件，执行npm init命令初始化项目后，在项目的根目录下自动生成该文件。
package.json配置解读之进阶
山山而川~
01-07 2239
package.json是每个前端项目都会有的json文件，位于项目的根目录中。很多脚手架在创建项目的时候会帮我们自动初始化好 package.json。package.json有许多配置与项目息息相关，了解他们有助于对项目的开发，上一篇文章已经完成 package.json 的基础配置的讲解，接下来开始剩余部分的学习。
Module is not listed in package.json dependencies报错vue3项目使用ts语法
11-29
在Vue 3项目中使用TypeScript遇到`Module not listed in package.json dependencies`这样的错误通常是由于缺少对某个模块的依赖声明。这可能是因为你在`.ts`文件中引用了一个未在`package.json`的`dependencies`或`devDependencies`中明确安装的外部模块。 解决这个问题的步骤如下： 1. **确认依赖**：首先检查你是否在项目的`package.json`中添加了该模块。如果是第三方库，应将其添加到`dependencies`部分；如果是开发工具或构建相关的包，则可能属于`devDependencies`。 ```json { "dependencies": { "your-module": "^version" }, // 或者 "devDependencies": { "your-module": "^version" } } ``` 2. **安装缺失模块**：如果模块尚未安装，运行`npm install your-module --save`（对于生产依赖）或`npm install your-module --save-dev`（对于开发依赖）来安装它。 3. **更新类型定义**：如果你使用的是TypeScript，确保你已经安装了对应于这个模块的类型定义(`@types/your-module`)。如果没有，可以使用`npm install @types/your-module --save-dev`安装。 4. **检查引用**：在`.ts`文件中，确保你正确地导入了模块，并且类型声明正确无误。 5. **清除缓存**：有时候，编译器可能会保留旧的模块信息，尝试清理`node_modules`目录并重新安装可能解决问题。 如果上述步骤都已完成还是出错，可能是你的配置文件有误，如`tsconfig.json`或`vue.config.js`等，请检查它们的相关设置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值