Vue增加npm 输出项

最新推荐文章于 2022-10-24 17:34:15 发布
最新推荐文章于 2022-10-24 17:34:15 发布
阅读量261 收藏
点赞数
分类专栏： Vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42436735/article/details/108431106
版权

前阵子后台给了需求,要去启动项目的时候,在npm启动里增加一个日志的输出,百度了很久，可能是需要使用 webpack-dev-serve的插件可以实现(但是具体怎么弄,我没看懂)，我自己能找到的方式就是修改 npm的源文件,达到这种效果
在这里插入图片描述
增加日志输入
在这里插入图片描述
修改文件的路径是 ：
找到自己的 node_node_modules 文件夹

node_modules -》 @vue -》cli-service-》 lib-》 commands -》 servejs 文件
在这里插入图片描述
增加你需要的静态文件名就可以了
在这里插入图片描述
虽然文件名的颜色不一样,但是点击可以正常进行跳转…

如果有大佬知道如何正确增加请联系我,万分感谢！

yurika丶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-phaser-starter：一个游戏入门项目，使用Phaser，Vue，ES6，Webpack
02-03
Vue + Phaser + ES6 + Webpack。 使用Vue + Phaser + ES6 + Webpack创建游戏的项目。 产品特点 基于Vue（ ） 移相器框架（ ） Vue路由器已导入 具有JavaScript AirBnb样式配置的ESLINT 下一代Javascript 更改项目文件时，浏览器会自动更新 Webpack准备好了 Web字体加载器 建立 在拥有项目的工作副本之前，您需要安装一些东西。 1.克隆此仓库： 导航到您的工作区目录。 跑： git clone https://github.com/ttzshawn/vue-phaser-starter 2.安装node.js和npm： 3.安装依赖项（可选地，您可以安装 ）： 导航到克隆的存储库目录。 跑： npm install 或者，如果您选择纱线，则只需运行yarn 4.运行开发服务器： 跑： npm run dev 这将运行服务器，因此您可以在浏览器中运行游戏。 它还将启动监视过程，因此您可以更改源，并且该过程将重新编译并自动刷新浏览器。 要运行游戏，请打开浏览
wps 基于vue加载项ppt相关插件开发
08-12
在本文中，我们将深入探讨“wps 基于vue加载项ppt相关插件开发”的主题，这是一项涉及使用Vue.js框架为WPS Office（尤其是PowerPoint部分）创建加载项的技术实践。WPS Office是一款流行的办公软件套件，它提供了与...
npm（持续添加新内容）
qq554244261的博客
11-12 181
npm 之前一直使用npm但是对这个技术并没有一个形象的概念，只知道是一个包管理工具。 使用npm的好处是啥？ 如果不使用npm的话，我们就需要在文件的head中引入（使用<script><script>） 如果依赖文件过多，会显得不简洁。 还有一点是我的猜想，就是如果都是用head处引入依赖文件的话，会影响页面的响应速度。（之前用vue没发现有响应延迟可能是因为Vue是轻量级框架，本来就没多大所以几乎没影响）。 npm的具体使用 当我们安装node.js时，npm也会自动安装，但是
npm 启动输出日志
大道至简 分而治之
07-19 1万+
npm start -d
npm 详解
热门推荐
freeking101的博客
11-20 3万+
npm 模块管理器：http://javascript.ruanyifeng.com/nodejs/npm.html npm 常用命令详解：https://blog.csdn.net/sxs1995/article/details/80729069 常用命令： npm version 查看 npm 和 node 的版本 npm list --depth=0 [-g] 查看[全局]安装的包 npm root [-g] 查看[全局的]包的安装路径 1. 什么是 NPM ......
vue的简单学习
weixin_42196338的博客
10-24 2835
vue的简短学习
解决vue项目,npm run build后,报路径错的问题
10-14
在Vue项目中，`npm run build` 是用来执行生产环境构建的命令，它将优化代码并准备部署到服务器。然而，有时在执行此命令后，可能会遇到路径错误的问题，导致资源无法正确加载。本文将详细解析如何解决这个问题，并...
npm-vue-ui.zip
03-15
`npm-vue-ui.zip` 文件看起来是一个基于 Vue 的插件开发模板，帮助开发者快速搭建并发布自定义Vue插件到npm（Node Package Manager）组件库。 在这个模板中，我们能看到以下关键文件： 1. **.babelrc**：这是Babel...
vue读取excel并输出信息组件
06-24
在Vue 2.x框架中，开发一个用于读取和输出Excel文件信息的组件是一个常见的需求，特别是在处理数据导入导出的场景。Vue.js是前端领域里一款轻量级且功能强大的渐进式JavaScript框架，而Excel文件处理则涉及到文件...
vue入门教程.pptx
10-26
1. 安装 Vue-cli：在命令行中运行命令 npm install -g vue-cli 2. 使用 Vue-cli 构建项目：创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录。 五、Vue-cli 构建项目 1. 创建项目：在命令行中...
npm添加源和切换源
zm_miner的博客
06-01 1450
npm切换源 和添加镜像源
使用vue-cli初始化webpack模板的vue项目，npm run dev 启动时会打印很多日志，影响开发！！！
小蜜蜂的博客
09-19 4064
解决方法： 初始化时package.json中的一个脚本是这样的（高亮）： "scripts": {     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",     "build": "node build/build.js"   }, 此时启动项目，日志会从1%打印到10...
npm安装Webpack及打包js文件命令
Cp847665268的博客
04-22 2198
npm init npm install webpack --save-dev -g //必须加上 -g 全局安装 npm install --save-dev webpack-cli -g webpack hello.js -o hello.bundle.js --mode development
修改npm打包输出路径
阳宗德的博客
09-08 3817
使用dest参数修改输出路径，可以结合该命令实现自动化，自动化请参考文章。 npm run build:prod -- --dest=../dist2 路径可以为相对路径，也可以为绝对路径 效果：
【VUE】配置项目启动 打印信息（本机ip打开连接等。。。）
weixin_43996362的博客
11-03 1462
build -> webpack.dev.conf.js -> compilationSuccessInfo配置如下： ***// Add FriendlyErrorsPlugin devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ compilationSuccessInfo: { messages: [ `App runing at:`, `Local: http://l
Node 中模块导入导出，npm 常见的包管理命令总结 ?
Wu hao's blog
12-17 1007
node 中模块的导出： exports 的使用 ？ let a = 123 let add = function(a){ console.log('数值为:',a++) } exports.a = a exports.add = add 【注意】：exports默认导出的对象，使用exports时只能单个设置属性，可以将 exports 看作是 module.exports 对象的引用，同一块地址空间。 module.exports 的使用 ? let b = 456 let ...
npm 命令 添加参数 自定义参数
会飞的程序猿
10-29 4315
npm 自定义参数 // shell 命令执行 const shell = require('shelljs') // 获取npm 的参数 const argv = require('yargs').argv shell.exec('npm run build -- --module=' + argv.module) shell.exec()
将npm命令输出保存到文件中
justforuse的博客
07-17 3038
严格来说这个不算是npm的特性，而应该算是控制台的重定向功能。使用方法如下（以查看npm版本为例）：npm -v > a.txt //覆盖原文件（若不存在则新建） npm -v >> a.txt //追加到文件末尾（若不存在则新建）文件还可以指定绝对路径，比如f:\dir\a.txt
vue启动后控制台输出日志信息
wltian
04-08 5671
1. 问题描述 在使用 npm run serve 启动vue项目时，控制台输出了许多日志信息 2.发生原因 linux系统的限制导致出现了这个问题，这里需要设置一下参数：fs.inotify.max_user_watches 3.解决办法 第一种解决方式： 编辑sysctl.conf文件，添加如下内容 fs.inotify.max_user_watches=524288 在终端执行 sysctl -p ,或者使用 sudo sysctl --system查询系统配置是否成功 成功后使用npm run
vue下载npm命令
最新发布
05-25
在使用 Vue.js 进行开发的时候，我们需要通过 npm 安装一些依赖包。下面是 Vue.js 下载 npm 命令的步骤： 1.首先你需要安装 Node.js，它自带了 npm。你可以在这个官网链接中下载并安装 Node.js：...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值