今天就跟大家聊聊有关怎么进行vue cli3配置开发以及测试环境，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站建设、网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的合川网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

cli3创建vue项目是精简版的少了build和config这2个文件,所以配置开发环境、测试环境、生产环境的话需要自己创建env文件。

vue-cli3配置开发环境、测试环境、线上环境

在package.json文件中添加

"scripts":{

"serve":"vue-cli-serviceserve",//调用开发api

"build":"vue-cli-servicebuild",//上线

"test":"vue-cli-servicebuild--modetest",//需要添加的内容，测试

},

在根目录下创建.env文件，并配置

NODE_ENV='production'

VUE_APP_FLAG='pro'//vue代码可以直接使用VUE_APP_名字

在根目录下创建.env.test文件

NODE_ENV='production'

VUE_APP_FLAG='test'

outputDir=test//可以更改打包时输出的目录名字，默认为dist

在根目录下创建vue.config.js

vue-cli3复制代码

module.express={

baseUrl:process.env.NODE_ENV==='production'?'/static/':'./',

devServe:{

port:8080,

//disableHostCheck:true,//处理host不识别问题

},

baseUrl:'/',//基本路径，不要随意更改

outputDir:process.env.outputDir,//打包生成目录

assetDir:'static',

lintOnSave:false,

runtimeCompiler:true,//是否使用包含运行时编译器的Vue构建版本

productionSourceMap:false,//生产环境的sourcemap

}

看完上述内容，你们对怎么进行vue cli3配置开发以及测试环境有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。

名称栏目：怎么进行vuecli3配置开发以及测试环境-创新互联
URL标题：http://hbruida.cn/article/cshisd.html