【前端】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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!