详细解释VUE命令行界面3.0版和3.0以下版本在构建项目时的区别

vue-cli 3.0的正式版本是在8月10日发布的，但是3.0版本和2.0版本在构建项目时有什么区别呢？这里简单介绍一下，希望对有需要的朋友有所帮助

1.全局安装vu-cli 3.0 npm install -g @vue/cli(如果之前安装了2.0版本，请先卸载NPM uninstall-g vue-CLI)；安装3.0后，有两种方法可以创建项目：

A.说明：vue创建项目-名称；然后会有两个选项，默认和手动，只需按照步骤操作即可；选择下面的手动

等待

B.使用视图创建项目用户界面

然后单击创建并按照步骤操作；

如果：您仍然想使用以前的项目创建方法，您需要安装(npm install -g @vue/cli-init)，这样您就可以像以前一样创建项目eg : vue init web pack vue-program。

2.将使用VUE-CLI 3.0版本创建的项目与2.0版本进行比较，我们可以发现文件目录缺少很多eg: build和config，那么如何在VUE-CLI 2版本之前配置端口号呢？*、打包后的路径、图片的配置等。vue-cli 3.0可以在项目的根目录下新建一个vue.config.js文件，之前所有复杂的配置都可以在这里直接配置。

当局是这么说的。Vue.config.js是一个可选的配置文件。如果这样的文件存在于项目的根目录中(与package.json处于同一级别)，它将由@vue/cli-service自动加载(并覆盖其内部配置)

让我们看看vue.config.js中的相关配置

更多相关配置请参考https://cli.vuejs.org/zh/config/#vue-config-js官网

3.相关配置已经准备好了，但是打包时如何配置环境(测试、预发布和生产)？

这就是我们只需要创建一个带有后缀的文件。env(. env . prod/. env . pre/. env . test)并匹配您需要的环境。

这里需要注意一点：由于我们在重新打包的时候不需要移动NODE_ENV，所以可以直接使用production(如果更改的话，会发现打包的项目会少很多)，如果不想用的话，需要去底层修改相应的配置。

4.最后指出，配置环境后，需要在package.json中配置相应的指令；

包“build test”:“vue-CLI-service build-modetest”，“build pre”:“vue-CLI-service build-modepre”“build”:“vue-CLI-service build-modeprod”/，并将process.env.NODE_ENV设置为//注意这里的“- mode name”应该与步骤2中的文件名“. env. name”一致

如果要在同一个项目中播放不同的制作包，只需在。env文件，但与vue-cli 2.0相比，您需要构建多个。控制包eg:的env文件

这样，我们基本上用vue-cli 3完成了vue-cli 2的所有配置

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。