怎么进行vue cli3配置开发以及测试环境

今天就跟大家聊聊有关怎么进行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配置开发以及测试环境有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注行业资讯频道，感谢大家的支持。