vue项目下常用的npm命令详解
作者:北风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项目中的一项工具而已。
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。