分类 "前端" 下的文章

最近在开发一个常驻进程、定时任务统一调度系统,以应对开发在进程管理方面遇到的各种复杂问题。

组里开发项目,一般来说是一个人承包整个项目,包括调度器设计,还有后台系统。我还有一部分工作,是队列相关的信息,这个由监控同学负责,到时候我后台聚合他的数据一并展示。

然后我就遇到问题了:

我以前刚入职公司的时候,使用一个开源的后台模板 vue-admin-template 二次开发了一个框架,两三年过去了,因为 nodejs 版本太老有些包下不来,自己升级了 nodejs 后算是解决了问题。

不过呢,我回到家之后想写代码,发现家里电脑和公司电脑环境不一样。因为我新后台系统升级了,旧后台系统咋办?不可能全部都升级 nodejs 的,后台太多了。

这个时候,切换 nodejs 版本显然就很重要了!后来我找到一个包,只需全局安装,就可以自由切换版本,非常好用!

npm install -g n

如果安装不了提示权限问题,可以 sudo 执行。

切换就很方便啦!执行以下命令即可切换到 v16.14.0 版本。

sudo n 16.14.0

一个优秀的产品,真的是简洁为美,用起来是那么的自然。而且,它包名就只有一个字母。

还有其他的用法,就不详细介绍了(好像也用不到),有兴趣可以去官网看看。

一开始以为 webpack-bundle-analyzer 是什么插件...后来才发现, 原来我用vue-cli安装的包, 在构建的时候, 多加个参数就可以了, 它还自动把浏览器打开了...

# build for production and view the bundle analyzer report
npm run build --report

无需配置, 只需一个参数, over...

回过头看了之前的Vue项目, 原来我用了2年的Vue了~

看了package.json, 有一个是"vue": "^1.0.21"...

现在Vue的最新稳定版本已经是2.5.2咯.

最近 vue init webpack my-project 了一个新项目, 发现webpack的配置变化挺大的. 在main.js引入了scss, 编译失败, 原来是loader没装.

运行下下面的两行命令, 装上loader, 就可以编译通过了.

npm install --save-dev node-sass
npm install --save-dev sass-loader

好吧, 又水了一篇文章哈哈哈.