【前端】vue3打包命令 ,Vue2与Vue3 的命令区别

2024-01-10 10:35:22

一、Vue cli 3 版本的和Vue cli 2 版本的区别。
一、安装上区别:
1.Vue cli 2 版本安装命令 :

npm install -g vue-cli

2.Vue cli 3 版本安装命令:

npm install -g @vue/cli

二、创建项目区别
1.Vue cli 2 版本创建项目命令 :

vue init webpack project

2.Vue cli 3 版本创建项目命令 :

vue create project

三. 运行项目区别
1.Vue cli 2 版本运行项目命令 :

npm run dev

2.Vue cli 3 版本运行项目命令 :

npm run serve

四. 项目打包命令一致
1. 打包编译项目命令:

npm run build

2. 打包后部署
执行打包命令:npm run build
成功之后会在项目路径生成名为dist的文件夹,把dist 复制到nginx 的html目录下,启动nginx即可
可能出现的问题就是你访问的时候会出现一个空白的页面,那是因为样式没有找到报404

解决方案:

修改项目路径下的conf/index.js 文件
修改module.exports={dev:{},build:{}}中的 build 把 assetsPublicPath 属性从’/‘改为‘./‘然后重新打包即可
注意上面的步骤,是修改build中的assetsPublicPath,不是dev中的,别改错了地方

五. 官方对Vue-Cli3介绍
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,也成为脚手架,提供&#

文章来源:https://blog.csdn.net/wjianwei666/article/details/135496241
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。