创建 vue-cli 工程

vue create 项目名

按上下键选择，我们这里选择手动安装。选中Manually回车、

具体步骤按 以下 蓝色 选 ，回车选中 进行下一项

详细步骤按 以下 1.4进行（上面可不用） 

 

新建工程的文件中各个目录名 以及作用

 

在工程中 新建 vue.config.js  文件   加入以下代码

module.exports = {
    devServer:{
        open:true, //运行之后自动代开浏览器窗口
        port:13060,//修改运行时的服务器端口号
        https:true, // https 和 http 区别
        
        // 使用代理技术
        //  proxy: { // 配置跨域
        //     '/api': {
        //     // 目标代理服务器地址
        //     target: '',	//接口域名
        //     ws: true,	//是否代理websockets
        //     changOrigin: true,	//是否跨域
        //     pathRewrite: {		//重置路径
        //             '^/api': ''
        //         }
        //     }
        // },
    }
}