0
点赞
收藏
分享

微信扫一扫

第三章 UI开发的点点滴滴

回溯 2023-11-10 阅读 37

文章目录


一、创建项目

1.1 第一步注册

去npm的官方网站注册一个账号点击打开链接

1.2 第二步初始化

首先,你需要创建一个新的项目目录。使用以下命令初始化 npm 项目:

npm init

注意:必须要有这个文件才能上传,npm可以上传任何一个包含package.json的包,package.json的main(入口)设置为index.js(名字自取)然后在本目录下建一个index.js文件,name表示你这个包的名字只能小写,version代表版本,每次更新都要修改这里的版本再npm publish

package.json可以在这里了解一下点击打开链接

1.3 第三步登录

npm login 或者 npm adduser

1.4 更改镜像

npm config set registry https://registry.npmjs.org/

再查看是否设置成功

npm config get registry

更改了镜像需要按照前面说过的步骤,重新在本地登陆你的npm账户

1.5 上传

npm publish
npm unpublish --force

1.6 更新上传后的npm包

  1. 手动去package.json里面修改版本号,修改后的版本号必须比之前的大,然后使用npm publish上传
  2. 使用npm 命令行工具更新版本号,再使用npm publish 上传

注意事项:

exports.npmTest = (name) => {
    console.log(name)
}

另外平时我们在github上看到的readme.md的样式是用过MarkDow语法来实现的,这个语法实现起来很简单,MarkFown的yu语法在这里了解点击打开链接

二、编写代码

2.1 新建一个文件夹

mkdir desensitization
cd desensitization

2.2 初始化

npm init

2.3 package.json配置

{
  "name": "desensitization",
  "version": "1.0.0",
  "description": "A JavaScript module for masking names",
  "main": "index.js",
  "dependencies": {}
}

2.4 安装依赖模块

npm install lodash string-mask --save

2.5 创建index.js文件

const _ = require('lodash');
const StringMask = require('string-mask');

function maskName(name) {
  const firstName = _.capitalize(name.split(' ')[0]);
  const otherName = name.split(' ').slice(1).map(n => n[0].toUpperCase() + '.');
  const maskedName = [firstName, ...otherName].join(' ');
  
  return new StringMask('XXX XX').apply(maskedName);
}

module.exports = maskName;

2.6 测试

const maskName = require('./index');

const name = 'John Smith';
const maskedName = maskName(name);

console.log(maskedName); // "XXX Xx"

2.7 上传

npm publish

上传成功后,其他用户就可以使用npm install desensitization命令安装你编写的脱敏模块并使用了。

举报

相关推荐

0 条评论