vue----vue cli3.x

1 添加插件

npm install xx  3.x依然可以这样安装插件
vue add xx      3.x如果这样安装插件,可以完美和和当前项目进行融合,比如我们装UI插件,装的过程就,就可以配置修改当前项目的ui页面

2 设置环境变量

在项目根路径创建.env(全局环境)  .env.development(开发环境)  .env.production(生产环境)

添加配置

VUE_APP_URL=http://sss/ss/s  //必须是VUE_APP开头

使用

        data(){
            return{
                url:process.env.VUE_APP_URL
            }
        },

2 单独运行一个vue文件

在项目更目录创建文件Test.vue(不同在创建package.json)

运行文件

vue serve Test.vue  //需要安装一些插件,根据提示安装

3 创建配置文件

官网:https://webpack.docschina.org/configuration/dev-server/

在项目根路径下创建文件 vue.config.js

module.exports = {
    baseURI: "/",
    outputDir: "dist",  //编译打包后生成的目录
    assetsDir: 'assest',//存放静态资源目录
    lintOnSave: false,  //开启语法检查,默认false

    devServer: {
        open: true,       //启动vue,自动打开浏览器
        host: 'localhost',//真机测试使用0.0.0.0
        port: 8080,
        https: false,     //可以使用true,但是浏览器会警告

        proxy: {           //跨域
            '/api': {
                target: 'http://localhost:3000',
                ws:true,
                changeOrigin:true,
                pathRewrite: {'^/api': ''}
            }
        }
    }
}