一段时间没用过vue写东西了,今天突然发现vue的脚手架已经升级到3.0了,赶紧安装…
全局安装
npm install -g @vue/cli
输入vue -V
检测安装的版本:3.0.0
创建项目
vue create hello
之后就是一些项目的配置了 按自己的需求来 按上下方向键选择需求,空格键确定
安装完成发现确实比2.0简洁了不少,然后cd进入项目目录 npm run serve
运行项目
新版的vue-cli的配置文件好像都没了?
这时需要在根目录下创建一个vue.config.js
文件,来进行一系列配置
具体请参考 :https://cli.vuejs.org/config/
这是我的一些简单的配置
module.exports = {
baseUrl: '/',
port: 8085, // 端口号
open: false, //配置自动启动浏览器
devServer: {
proxy: {
"/api": {
target: "http://www.xiandandan.xyz", // 域名
ws: false, // 是否启用websockets
changOrigin: true, //开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
pathRewrite: {
"^/api": "/api"
}
},
}
},
productionSourceMap: false, //不需要生产环境的 source map
}