一、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 进行快速开发的完整系统,也成为脚手架,提供&#