eslinteslint-plugin-import 排序配置这是官方的排序配置的文档
eslint-plugin-import/order.mdat main · import-js/eslint-plugin-import · GitHub
我自己配置的时候注意到一个点
Withthe [groups](https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/order.md#groups-array) optionsetto ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"] theorder is as shown in the following example:
一个是groups 的 type 类 ...
linux自定义命令我在服务器上运行的，centos 8
首先 cd ~/.bashrc
如果你使用cd ~， 发现里面没有任何一个文件， 不用担心，因为里面的文件都是隐藏文件， 在 cd ~的前提下输入ll -a就可以看到当前文件夹下的隐藏文件。
然后编辑这个文件vim ~/.bashrc
在我的服务器里面已经存在这些命令
123alias rm='rm -i'alias cp='cp -i'alias mv='mv -i'
alias表示定义mv表示自定义的名字，等号后面的就是执行的命令
现在我想创建一个dp命令用来部署vue项目。
于是可以这样编写
1alias dp='cd / && cd www && cd $1 && git pull && npm install && npm run build'
其中， dp是我自定义的名字，等号后面就是我要执行的命令，我一般会把项目放在www下面，在这里，你可以看到有这样一 ...
localStorage设置过期时间需要些什么
数据
过期时间
1{ "data": "any", "expire": "Date"}
如何判断过期时间比较存的时间与Date.now
还需要些什么刷新时间, 时间过期处理
完整代码123456789101112131415const oneHour = 1 * 60 * 60 * 1000export function expireSet(key: string, data: any, expireTime = 1) { const obj = { value: data, expire: expireTime * oneHour + Date.now(), hour: expireTime, } localStorage.setItem(key, JSON.stringify(obj))}export function expireGet(key: string) ...
naive ui Tree 组件实现增删图片预览
image-20230518225145921
代码
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859<template> <n-tree block-line :data="treeData" :selectable="false" :default-expand-all="true" /></template><script lang="ts" setup>import { h, ref } from 'vue'import { TreeOption, NButton, NTree } from 'nai ...
nest 记录 （一）起步
中文文档地址 nest 版本 8.X https://docs.nestjs.cn/8
确保安装了nodejs 版本大于10.13.0。我用的是14.17.6 和 16.15.1 。通过nvm 进行切换
非必要步骤安装 @nestjs/cli 和 yarn不过我的文章里面会用到， 还是推荐安装一下的
构建新项目123nest new 项目名字// example nest nest yuque
运行程序
1yarn start:dev
为啥要加 dev 。来到 package.json ,可以发现多了一个 --watch 的参数。这个就是用来监听文件改动进行自动编译（类似与工程化前端的热更新）。nest的具体原理好像也是 webpack 热更新。（这里打个疑问号， 我没有探究过）
1{ "scripts": { "start": "nest start", "start:dev": "nest start --watch" ...
nest 记录（三）统一返回格式需要用到管道
12345678import { CallHandler, ExecutionContext, Injectable, NestInterceptor } from '@nestjs/common';import { Observable } from 'rxjs';import { map } from 'rxjs/operators';@Injectable()export class TransformInterceptor implements NestInterceptor { intercept(context: ExecutionContext, next: CallHandler): Observable<any> { return next.handle().pipe( map((data) => ({ ...
nest 记录（二）module controller service这三层是基本的，没有什么要记录的，多写就知道了。
swragger1yarn add @nestjs/swagger @nestjs/platform-express
12345// main.tsimport { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';async function bootstrap() { const app = await NestFactory.create(AppModule); app.setGlobalPrefix('api'); // start 构建文档 const options = new DocumentBuilder() .setTitle('api文档') .setVersion('1.0') .build(); con ...
nest 记录（四）message wall 这个项目的后端写完了。没有很大的拓展空间。于是想起来写一个博客，博客GITHUB地址 https://github.com/abigmiu/blog
把这几天的nest遇到的问题记录一下。(文章里面删除了部分代码。完整代码请查看git仓库) > 发现以前上传的代码都没有记录下来，原来是电脑配置git的时候邮箱弄错了。 嗳，少了好多绿色小方块
文件上传首先生成一个resource
file.controller.ts
1234567891011121314import { FileInterceptor } from '@nestjs/platform-express'; // 引入express的文件处理模块（只能识别formData）import { UploadDto } from './dto/upload.dto';import { ConfigService } from '@nestjs/config'; ...
nest 配置文件
Controller：传统意义上的控制器，提供 api接口，负责处理路由、中转、验证等一些简洁的业务；
Service：又称为 Provider， 是一系列服务、repo、工厂方法、helper的总称，主要负责处理具体的业务，如数据库的增删改查、事务、并发等逻辑代码；
Module：负责将 Controller 和 Service 连接起来，类似于 namespace的概念；
配置文件process.env.NODE_ENV是自定义的，需要配置， 安装cross-env配置
修改 package.json里面的 scripts
1"scripts": { "start:dev": "cross-env NODE_ENV=development nest start --watch", "start:debug": "nest start --debug --watch", "start:prod": "cro ...
