今天就跟大家聊聊有关怎么进行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配置开发以及测试环境-创新互联
转载来源：
http://cdkjz.cn/article/cshisd.html
