🌓

Linux无外网全局安装node依赖包

首先在本地全局安装需要的包npm i -g http-server,(注意:本地必须是全局安装),进入全局安装路径,比如我的电脑安装路径在这里:/usr/local/lib/node_modules/, 在linux上找到node安装路径,进入其lib/node_modules/目录下,将上述包上传至该目录下 建立软连接以便全局使用命令:1ln -s /u...

阅读全文

pm2:以后台服务的形式启动nodejs脚本

我们都知道,当我们以node server.js执行server.js服务脚本时,如果ctrl + c结束该进程,则对应的服务也就停止了,那如何以后台服务的形式执行该脚本呢? 方法一 利用 foreverforever 方法二 利用 pm2pm2 12345npm install -g pm2pm2 start server.js // 启动pm2 st...

阅读全文

使用nrm管理切换多个npm registry地址

前言大家在工作时可能需要连接公司的私服下载前端依赖,这个时候会把npm的地址设置为公司的私服,但是这样的话自己开发自己的项目所需要的依赖在公司私服上找不到,因此又得重新设置npm下载的地址,因此在这推荐一个插件能够很方便的切换公司私服地址和淘宝镜像地址。 一、nrmnrm(npm registry manager)是npm的镜像管理工具,用来切换npm下载镜...

阅读全文

使用nvm管理切换多个node版本

1、Node版本管理工具node版本管理工具其实有很多,常见的的有nvm、n、fnm。之前一直使用n来管理node版本的,但是忽然有一天发现,安装n之前是需要先安装node的,而先安装的这一版本的node,不在n的管理范畴中,基于这两点原因,放弃了n的使用,转向了nvm。本文主要记录下nvm的安装步骤和常用命令。 2、nvm的安装网上关于nvm安装的文章也挺...

阅读全文

Mac_tree命令

Tree命令简介Tree是一个递归目录列表命令,使用它可以生成一个深度缩进的目录列表,如下形式: 12345678910111213├── ngx-planet-master│   ├── docs│   │   ├── api│   │   └── guides│   ├── examples│   │   ├── app1│   │   ├── app2...

阅读全文

一种基于Angular的半插件式的功能扩展方案

前言为什么说是半插件式的呢?因为它并不像比如Chrome浏览器安装扩展程序那样,可以在线安装。但是它又基本上能够达到插件的效果,也即如果附带了某个功能模块,则该功能可以正常使用,如果不带对整个产品也没有任何影响,所以就叫它半插件式吧。 背景我们产线在产品化的过程中,对前端基础框架提出了这样一个要求,需要提供一个基础版本、一个扩展版本,扩展版本包含一些额外的功...

阅读全文

VS Code的一些偏好设置

VS Code作为前端开发的必备神器,其作用自然不必多说。这里记录下个人的使用习惯,免得以后再查。 1.颜色主题使用这个:Monokai 2.通过code命令快速启动如果想在某目录下直接通过code ./命令打开vscode,需做如下配置: 打开vscode,command + shift + p,然后输入shell,选择Install 'code&...

阅读全文

Mac_ll命令

Mac默认是不支持ll命令的,为此我们需要做一些配置。 在~/.zshrc文件中加入如下命令:alias ll='ls -alF' 执行source ~/.zshrc命令,使修改生效。 若没有 .zshrc 文件,touch .zshrc新建即可。

阅读全文

Mac_Chrome跨域

Mac以允许跨域方式启动Chrome,直接在终端执行以下命令即可: 1open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/doautumn/fang/chrome/MyChromeDevUserData 参考链接

阅读全文

使用Vite构建Vue3组件库

前言当我们使用Angular开发库项目时,直接通过ng g lib [name]在当前工作空间中创建一个新的通用库项目即可,Angular会帮我们把依赖、配置甚至打包命令都设置好,还是相当方便的。 但当我们使用Vite + Vue3开发库项目时,该如何做呢?通过查Vite官方文档库模式发现,其介绍过于简单,因此这里做一个整理分享。 开始一、初始化工程12np...

阅读全文