进击的火山博客

按照husky官方文档初始化husky后，发现commit的一直没有出发husky的钩子。

本文章解决的问题？如何在node中读取和设置process.env变量？webpack打包的时候，想要方便区分生成和开发环境，利用环境变量编写分支逻辑，要怎么办？npm运行的时候可不可以向node传入一个环境变量？先了解node的process.envprocess.env 属性返回包含用户环境的对象。 参见 [environ(7)](http://url.nodejs.cn/zvAzBK)。此对象的示例如下所示：{ TERM: 'xterm-256color', SHELL: '

vite中支持利用glob引入多个模块https://cn.vitejs.dev/guide/features.html#jsonVite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块：const modules = import.meta.glob('./dir/*.js')以上将会被转译为下面的样子：// vite 生成的代码const modules = { './dir/foo.js': () => import('./dir/foo.js')

一、传统的spa vue应用安装vue-routernpm install vue-router编写router-rules传入VueRouter构造函数创建router实例, 并全局注册vue-routerimport Vue from ‘vue’import Router from ‘vue-router’// 1. 引入页面组件import Foo from ‘…/pages/foo.vue’import Bar from ‘…/pages/bar.vue’// 2. 定义路由//

配置了eslint和stylint规则之后，想要vscode在保存的时候自动帮你格式化修改。你需要安装对应的插件和开启对应的设置选项。本文忽略如果配置eslint和stylint规则，直接讲后面的部分。1. 在项目中设置推荐安装插件每个人都可以手动安装这两个插件，但在团队开发中，你无法保证每个成员都会自己手动安装，所以你可以在项目下设置一个.vscode/extensions.json 文件，这样项目被vscode打开就会检测本地是否有这两个插件，没有就会弹出提示。{ "recommend

欢迎大家关注我的同名前端公众号：杨灿就是杨火山，点击可查看公众号二维码1.带有多个条件的 if 语句把多个值放在一个数组中，然后调用数组的 includes 方法。//longhandif (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //logic}//shorthandif (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic}2. 简化 i.

github地址： https://github.com/Volcano-Yang/miniprogram-picture-uploadMiniprogram-Picture-Upload努力帮助你快速实现小程序的图片上传功能༼ つ ◕_◕ ༽つ Please give me a star ???? 功能支持设置图片上传数量本组件支持开发者设置小程序图片上传的数量上限，通过设置imgMaxNumber的值即可。支持预览图片用户上传图片之后，支持点击放大预览。支持删除已选择的图片

一、利用 koa-static 实现静态资源的访问安装koa-static npm i koa-static引入koa-static方法，并且传入静态资源目录路径const Koa = require("koa");const static = require("koa-static");const path = require("path");const app = new Koa();app.use(static(path.join(__dirname, "/static

一、自己手写实现简单的koa路由系统koa本身是一个高级应用框架之下的框架，所以很多东西都是精简的，需要我们自己根据需要引入插件，本身是没有路由系统的。本身要做路由引导，可以简单的做逻辑处理。需要返回什么给客户端，直接传给ctx.body就可以，koa自动帮我们做了序列化操作。二、koa-router插件，三步实现简单的路由Koa-router:https://github.com/ZijianHe/koa-routervar Koa = require('koa');var Rout

一、pm2文章：https://www.cnblogs.com/chyingp/p/pm2-documentation.html全局安装，简直不能更简单。npm install -g pm2入门教程（1）启动挑我们最爱的express应用来举例。一般我们都是通过npm start启动应用，其实就是调用node ./bin/www。那么，换成pm2就是pm2 start ./bin/www --watch注意，这里用了--watch参数，意味着当你的express应用代码发生变化时，p

一、为什么需要接口？let obj:object; // 定义了一个只能保存对象的变量// obj = 1;// obj = "123";// obj = true;obj = {name:'lnj', age:33};console.log(obj);之前我们已经介绍了用这种方式定义一个ts的对象，但是这样定义内部的属性并没有被限制，意义是不大的。为了进一步定义对象内的各种属性，就产生了接口。二、什么是接口类型?和number,string,b

TS入门笔记1——TS的类型声明简单快速上手ts的学习路径：一、熟悉掌握熟悉的强类型定义，初步学习编写强类型代码。学习ts的声明变量类型，能够初步编写强类型代码；学习ts的接口,进一步强定义对象的丰富属性；学习ts的函数声明和实现定义，强类型化你的js函数；二、灵活面对类型转换，类型报错，类型文件的声明和引入，灵活编写强类型代码。学习ts的类型断言（解释型类型转换）；学习ts的泛型，更灵活的面对多可能性类型参数；学习ts的类型声明文件，全局定义；ts在线运行练习网站：ht

ts入门笔记——ts类型声明和类型断言学习路径1.学习ts声明变量类型2.学习ts的类型断言（解释型类型转换）3.学习ts的接口进一步详解ts在线运行练习网站：https://www.tslang.cn/play/index.html一、ts简介1.什么是TypeScript(TS)？TypeScript简称TSTS和JS之间的关系其实就是Less/Sass和CSS之间的关系就像Less/Sass是对CSS进行扩展一样, TS也是对JS进行扩展就像Less/Sass最终会转换成CS

配置方式：换源npm config set registry https://registry.npm.taobao.org检查是否改成功了npm config get registry