记一次vue环境部署

因为项目需要,需要部署并安装vue,很早就接触这个概念了,但是一直停留在表面,这一次jmq-console子模块使用的vue进行前后端分离构建,出来混还是要还的,还是要走出之前前后端耦合在一起的舒适圈,目前只是环境搭建,之后上手的话可能一些语法还要单独学一下

  • idea安装vue插件

  • 安装node.js环境
    使用node -v检查是否安装成功

  • 对抗GFW:npm install -g cnpm --registry=http://registry.npm.taobao.org

  • npm install

    image-20200611162043564

    ok,目前没有问题

    具体步骤不一一列举了,网上很多,下面来看看具体遇到的问题:

    image-20200611160222238

说到底,要解决的还是npm run dev这条语句的报错问题,尝试了网上的很多方法,但是仍然像上面的截图一样报错,我想时间最痛苦之一的事情莫过于门外汉调bug了吧,如果要是知道原理,知道逻辑,你怎么来都行,如果还整不好说明我菜,但是现在我连npm这条命令是干什么的都不知道,,,


经过了一番努力,这条命令可以执行成功,并且可以进入加载阶段,

image-20200611181648438

给我的启示就是今后出现问题的时候还是需要好好看日志,认真分析自己的情况,不要一出现异常就贴在网上找,根本不具有通用性,而且处理效率很低,要知道网上的博客内容也不是很高的,最终的问题就是ip地址发现变更,可能是jd域名绑定发成了变化,我直接绑定为一个固定的ip,就可以进入加载阶段,但是又出现了新的问题:

image-20200611181913183

昨天和前端工程师沟通了一下,说我的安装依赖命令根本就格式不对,后来直接将joy-queue里面的拿过来复制,没想到今天早上前端起来了,

image-20200612103613501

说到底还是vue基本都不知道,啥也不说了,一天入门action~