Vue 取出 package.json 的版本号 version 并显示在页面上

转载 已于 2022-07-01 15:43:08 修改 · 2.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/seeeeeeeeeee/article/details/120821563
文章标签：

#vue.js #前端 #javascript

于 2022-06-15 16:55:37 首次发布
这篇博客介绍了如何在JavaScript代码中直接导入`package.json`配置文件，并在函数内部使用`console.log()`打印配置的版本信息。通过这两个简单的步骤，开发者可以更好地理解和实践模块导入与函数调用的基本操作。

1、直接 import，例如：

import config from "../../../package.json";

2、在函数中调用，例如：

console.log(config.version);
zhengzzzzz
关注
vue的package.json详细说明
日常笔记/总结/系列知识梳理
11-23 1774
package.json 文件是一个非常重要的文件，它用于存储关于项目的元信息以及依赖项。在 Vue.js 项目中，package.json 文件描述了项目的名称、版本、描述、作者、依赖项、脚本命令等信息。
Vue—package.json文件详解
雷雨天的雷胖子
01-28 1909
一、概述 package.json是项目初始化时，根目录下自动生成的配置文件，定义了项目的基本配置信息以及需要依赖的各种模块。package.json配置文件中包含许多元信息，例如项目名称、版本等，npm install命令就是根据该配置文件下载具体的依赖包。 二、详解 三、拓展：版本号 版本号一般包含三部分，分别是主版本、次要版本和补丁版本。一般次要版本号发生变化，即代表项目有重大更新。 拓展1：波浪号 版本号前使用波浪号，表示版本范围，大致匹配某个版本。 版本号 版本..
vue获取package.json中version版本号并在页面中显示
seeeeeeeeeee的博客
10-18 5123
很简单，就两部 第一步：引入package.json 这里注意记得改路径！！ import config from '../../../package.json' 第二步：使用 console.log(config.version); 如果要再页面上使用，就把config.version赋值给一个变量，然后变量直接插值放到页面需要的位置上就行了。以后编译的时候改下版本号就可以页面上的同步变动版本号显示。 ...
node-package-version:从package.json获取软件包的版本
05-20
包版本 从package.json获取软件包的版本 安装 npm install package-version --save 版本（cwd，回调）; var version = require ( 'package-version' ) ; version ( '/path/to' , function ( err , version ) { if ( err ) { console . log ( 'error:' , err . stack ) ; return ; } console . log ( 'version:' , version ) ; } ) ; cwd path包的目录 回调function(err, version) Error 版本
手把手教学：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.
vue怎么获取package.json中的版本号
weixin_52335582的博客
08-25 8612
vue怎么获取package.json中的版本号
【vue】package.json查看自己的vue版本号
dujuancao11的博客
09-22 1349
【vue】package.json查看自己的vue版本号
package.json版本号符号^和~前缀的区别
cao_tinggang的博客
03-15 2079
【代码】package.json版本号符号^和~前缀的区别。
精选资源
package.json文件配置详解
01-20
每次更新都要对应版本号的变更。 - **`description`**: 对项目简洁的描述，用于在npm搜索时提供信息。 2. **入口文件** - **`main`**: 指定项目的主要入口文件，通常是index.js或app.js，当其他人引入你的模块时...
VSCode插件开发全攻略之package.json详解
08-19
在 package.json 文件中，name 字段定义了插件的名称， displayName 字段定义了插件的友好显示名称。插件名称应全部小写，不能有空格，而友好显示名称支持中文。 描述和关键字 description 字段定义了插件的描述...
vue取出package.json的版本号version并显示在页面上
weixin_45455227的博客
08-11 5124
import config from '../../package.json' console.log(config.version) so easy!
Vue 获取应用的版本号
LeveBe的博客
10-17 4343
应用的版本号可在package.json文件中进行修改，同时也需要从package.json文件中获取。 先引入package.json文件 import config from '../../../package.json' config.version 就是应用程序的版本号了，同理，package.json中其他的属性也是此方法获取。 <template> &l...
vue项目package.json文件解析
Puxh_的博客
07-29 392
vue项目package.json文件解析
vue查看版本号
weixin_47800450的博客
01-15 4842
vue -V或者是vue --version查询的是vue-cli的版本,也就是vue脚手架的版本,如果想要查看vue的版本,直接去项目中,找到package.json文件夹 找"dependencies"然后就可以看到你装的vue的版本了 "dependencies": { "axios": "^0.21.1", "core-js": "^3.6.5", "element-ui": "^2.14.1", "vue": "^2.6.11", "vue-resource": "^
vue的package.json文件的详细说明
最新发布
m0_65084430的博客
06-12 5493
通过合理配置文件，可以更好地管理Vue项目的依赖和脚本，提高开发效率和项目质量。希望本文能够帮助你更深入地理解和优化你的Vue项目的文件。同时，欢迎在评论区留下你的问题和建议，让我们一起交流学习！
Vue中package.json版本号详解
qq_33816425的博客
05-31 2346
一、版本号介绍 1、版本号命名规范： 插件版本号有四个部分组成： 1）、主版本号：一半当功能模块有较大的变动，比如增加模块或是整体架构发生变化
npm指定版本
qq_37942845的博客
10-09 1821
在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 大...
vue+ts获取package.json中version版本
望南
11-04 1123
第一步： 在shims-vue.d.ts配置文件中写入： declare module '*.json' { const value: any; export default value; } 第二步： 在需要引入底地方： import configs from '../../package.json' 自己根据自己的相对路径去查找
前端开发必备技能知识笔记-vue项目中添加版本号（console显示）
花姐夫JUN的博客
05-13 1765
为了方便查看项目发布的版本等基本信息，可以直接 f12 开发者模式下查看，以下代码就是实现读取package.json中的“name”、“description”、“version”等的数据在console中显示。首先需要引入package.json，得到需要显示的信息数据package.json文件引入package.json文件，如果报错有可能是package.json文件的路径错误以下代码实...
vue3 index.html显示package.json版本号
06-02
要在 Vue3 的 index.html 文件中显示 package.json 文件中的版本号，可以使用 webpack 的 html-webpack-plugin 插件。 首先，安装 html-webpack-plugin： ``` npm install --save-dev html-webpack-plugin ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值