vueCli3.x新增功能总结

**

vue3.x新增功能

**

1、添加插件

（1）在vue3.x以前添加插件

npm install vuetify

（2）在vue3.x以后
使用此命令添加的插件能和项目融合

vue add vuetify

2、设置全局环境变量

（1）在项目根目录新增文件 .env

A：如果是开发环境，那么文件命名：.env.development
B：如果是生产环境，那么文件命名：.env.production

（2）添加变量内容，如：

VUE_APP_URL = www.xiaovue.com
注意：VUE_APP_ 是固定的

（3）保存之后，重启vue项目
（4）通过变量process.env.VUE_APP_URL即可获取内容
案例

<template>
    <div id="app">
        {{msg}}
    </div>
</template>
<script>
    export default {
        name: 'App',
        data:function(){
           return {
               msg:process.env.VUE_APP_URL
           }  
        }
    }
</script>

3、运行单个文件

（1）实现安装必要插件

npm install -g @vue/cli-service-global

（2）运行指定问

vue serve helloworld.vue