vue-cli 安装3.0最新版

一段时间没用过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
}

猜你喜欢

转载自blog.csdn.net/Call_me_small_pure/article/details/83001402