vue项目下常用的npm命令详解
更新时间：2025年08月05日 10:07:48 作者：北风toto
文章介绍了Vue项目中常用的npm命令：npm run serve启动、npm install安装依赖、npm run build构建,运行前后文件体积变化显著,需HTTP服务器运行,npm工具不仅限于Vue,还广泛应用于其他场景
1、npm run serve
- 一般为npm项目的启动命令
2、npm install
用于构建vue项目启动需要的环境
- 构建项目需要的依赖
- 运行前，文件总大小为1.8MB
运行后，大小为166MB，node_modules占了164MB
3、npm run duild
用于构建服务器启动，启动方式看参考文档（不是三言两语能解释的）
- 运行前
运行后，这个dist文件夹大致为10.9MB（作者的数据）
- 打包之后的使用
一开始运行npm run build 命令时，有这么一段提示：
这句话的意思就是：
构建文件务必放在一个HTTP服务器。直接打开index.html文件将不工作。
解决方式：
创建下面这个文件，重新运行npm run build
vue.config.js
module.exports={
publicPath:"./"
}
其他
npm不仅仅可以在vue中使用，还有不少的地方使用到这个工具，所以有不少的命令和vue并没有关系，npm只是vue项目中的一项工具而已。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue三元运算之多重条件判断方式(多个枚举值转译)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了Vue Socket.io源码解读，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了vue数组去重的12种方法示例全面详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
这篇文章主要介绍了mpvue全局引入sass文件的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了vant 自定义 van-dropdown-item的用法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要给大家介绍了关于vue3使用ref获取dom结果为'null'的原因详析,ref是Vue3中一个非常重要的功能,它可以用来获取DOM节点,从而实现对DOM节点的操作,需要的朋友可以参考下2023-07-07
keepalive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染，也就是所谓的组件缓存，这篇文章主要介绍了说说你对Vue的keep-alive的理解,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了vue中使用GraphQL的实例代码,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-11-11
启动项目时遇到ES6的拓展运算符报错可以通过切换到淘宝镜像,以及在项目根目录下新增.babelrc和postcss.config.js文件来解决,这些操作有助于正确配置项目环境,从而避免报错,并保证项目的顺利运行,希望这些经验能够帮助到遇到相同问题的开发者2024-10-10
这篇文章主要为大家介绍了html中引入Vue.js的cdn实现简单的文档单页示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
最新评论