Vue脚手架2和脚手架3常用的命令

本文详细介绍了Vue CLI 2和3中常见的npm命令,包括`npm install`、`npm run serve`(针对不同版本的启动命令)、`npm run build`(打包文件)以及`npm run build--report`(查看资源文件大小)。特别指出在Vue CLI 3中直接运行`npm run build--report`会报错,提供了解决方案,包括创建vue.config.js文件或在Vue CLI 2中如何避免报错。最后强调理解这些命令的用法和背后原理的重要性。
摘要由CSDN通过智能技术生成

引言

不管是Vue脚手架2、还是脚手架3,对于一些细节的把握你了解吗?

vue-cli工程中常用的npm命令有哪些?

  1. npm install:下载 node_modules 资源包的命令
    思考问题:
    为什么下载资源包要用npm install? 请你谈一下
  2. npm run dev: 启动 vue-cli 开发环境的 npm命令(3.0以下?? ? 脚手架2启动方式)
    npm run serve:启动 vue-cli 开发环境的 npm命令(3.0以上?? ? 脚手架3启动方式)
  3. npm run build: vue-cli 生成 生产环境部署资源 的 npm命令(常说的打包文件)
    脚手架2打包,生成的是build文件
    脚手架3打包,生成的是dist文件
  4. serve build(脚手架2,把你写好的项目打包,然后在本机测试,查看是否完整)
    serve dist(脚手架3,把你写好的项目打包,然后在本机测试,查看是否完整)
    因为你最后直接给的是打包文件,交工之前直接测试一下,运行打包文件,查看项目是否完整
    注意:
    脚手架3搭建的项目, serve build运行你的打包文件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值