黄庆的博客 | HUANG QING BLOG

Npm Verdaccio

npm 私有仓库的原理用户 install 后向私有 npm 发起请求，服务器会先查询所请求的这个模块是否是我们自己的私有模块或已经缓存过的公共模块，如果是则直接返回给用户；如果请求的是一个还没有被缓存的公共模块，那么则会向上游源请求模块并进行缓存后返回给用户。上游的源可以是 npm 仓库，也可以是淘宝镜像。 npm 私有仓库框架选型 Nexus Sinopia V...

Posted by huangqing on January 11, 2022

前端CLI脚手架

入门须知 commander （实现 NodeJS 命令行） minimist 轻量级的用于解析命令行参数的工具 yargs Yargs be a node.js library fer hearties tryin’ ter parse optstrings meow inquirer （实现命令行之间的交互） prompts : 让命令行与...

Posted by huangqing on January 10, 2022

前端CLI脚手架

package.json 中的 bin 字段前端项目还是 node 项目，一般都会用 npm 做包管理工具，而 package.json 是其相关的配置信息。对 node 项目而言，模块导出入口文件由 package.json 的 main 字段指定，而如果是要安装到命令行的工具，则是由 package.json 的 bin 字段指定。配置单个命令与包名同名 { "na...

Posted by huangqing on January 10, 2022

NPM package

v7

npm package.json v7 npm semver calculator files files 定义了哪些文件应该被包括在 npm install 后的 node_modules 中。有些文件是自动暴露出来的，不管你是不是配置了 files，比如： package.json README / CHANGELOG / LICENSE vite 中是这样...

Posted by huangqing on August 28, 2021

NPM CLI

v7

npm CLI，CLI 就是 Command Line Interface，也就是我们说的命令行接口，具体可以参考npm CLI commands。 npm help npm help 是个好命令。就像我用git --help一样，对于有些比较模糊的命令，用 help 来查一下。 npm init npm init 命令用来初始化一个简单的 package.json 文件，执...

Posted by huangqing on August 28, 2021

nvm

Node.js 版本管理工具

nvm 是什么 nvm全名 node.js version management，顾名思义是一个 nodejs 的版本管理工具。通过它可以安装和切换不同版本的 nodejs。下面列出下载、安装及使用方法。下载可在点此在github上下载最新版本,本次下载安装的是 windows 版本。打开网址我们可以看到有两个版本： nvm-noinstall.zip：绿色免安装版，但使用...

Posted by huangqing on August 28, 2021

使用Rollup对TS文件进行打包

TS VUE

Vue3文件打包 rollup-plugin-vue.github rollup-plugin-vue.org import VuePlugin from 'rollup-plugin-vue'; import PostCSS from 'rollup-plugin-postcss'; import NodeResolve from '@rollup/plugin-node-...

Posted by huangqing on July 1, 2021

使用Rollup对TS文件进行打包

TS VUE

Rollup rollup是一款小巧的javascript模块打包工具，更适合于库应用的构建工具;可以将小块代码编译成大块复杂的代码，基于ES6 modules,自动进行 Tree-shaking,它可以让你的 bundle 最小化，有效减少文件请求大小。使用到的库 npm install typescript rollup-plugin-typescript2 rollup-plu...

Posted by huangqing on July 1, 2021

axios

参考 vue中Axios的封装和API接口的管理 vue中Axios的封装和API接口的管理

Posted by huangqing on June 19, 2021

Learn Vue - State

状态管理

简单状态管理简单的store模式: var store = { debug: true, state: { message: 'Hello!' }, setMessageAction (newValue) { if (this.debug) console.log('setMessageAction triggered with', newValue) ...

Posted by huangqing on June 4, 2021

HUANG QING BLOG

Npm Verdaccio

前端CLI脚手架

前端CLI脚手架

NPM package

v7

NPM CLI

v7

nvm

Node.js 版本管理工具

使用Rollup对TS文件进行打包

TS VUE

使用Rollup对TS文件进行打包

TS VUE

axios

Learn Vue - State

状态管理

ABOUT ME

FRIENDS