vue-cli3.0使用和配置

最新推荐文章于 2020-11-25 04:37:42 发布

qq_33633147

最新推荐文章于 2020-11-25 04:37:42 发布

阅读量193

点赞数

CC 4.0 BY-SA版权

分类专栏： VUE

本文链接：https://blog.youkuaiyun.com/qq_33633147/article/details/86679447

VUE 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用Vue CLI 3.0进行全局安装，创建项目，并配置开发服务器。通过修改package.json和创建vue.config.js文件，可以自定义启动命令及代理设置，实现本地开发环境的高效搭建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.先全局安装vue-cli3.0
在这里插入图片描述
2.创建项目

原文：https://blog.youkuaiyun.com/qq_36407748/article/details/80739787

在这里插入图片描述

原文：https://blog.youkuaiyun.com/weiwenwen6/article/details/83120115

3.使用
cli3.0启动npm run serve
在这里插入图片描述
在package.json中加这句可以用cli2.0的启动命令npm run dev
在跟目录下创建vue.config.js文件

module.exports = {
    devServer: {
        port: 8080,
        proxy: {
            '/api': {
                target: '<url>',  // target host
                ws: true,  // proxy websockets 
                changeOrigin: true,  // needed for virtual hosted sites
                pathRewrite: {
                    '^/api': ''  // rewrite path
                }
            },
        }
    }
}