手把手开发一个脚手架

94 阅读1分钟

手把手开发一个脚手架

图片转存失败,建议将图片保存下来直接上传

目标开发一个@hzw-fe/test-cli

1、首先创建项目文件夹进入项目

image-20230619233246668

2、通过npm init对项目进行初始化

图片转存失败,建议将图片保存下来直接上传

3、编辑器打开项目

  • 创建一个bin的文件夹,并在里面添加index.js的js文件
  • index.js文件上方添加 #!usr/bin/env node (从环境变量中找到node来执行该文件)
  • 添加一个打印语句console.log('hello cli')

image-20230619233952635

4、配置cli入口文件

image-20230619234558299

5、登录npm

  • 输入用户名
  • 输入用户密码
  • 输入邮箱

图片转存失败,建议将图片保存下来直接上传

5、发布到npm

  • 发布前记得npm上查找对应的package.jsonname是否存在,如果存在会发布上去,建议先创建scope后再发布
  • 命令行登录npm,没有注册的小伙伴自己去npm官网www.npmjs.com/注册账号
  • 执行命令 npm publish

图片转存失败,建议将图片保存下来直接上传

test-cli 已经在npm上了,所以需要换个包名,这里改成hzw-fe这个scope下

图片转存失败,建议将图片保存下来直接上传

npm官方认为scope包是私有的,而私有包要发布到官方源上需要access参数:

npm publish --access=publich

图片转存失败,建议将图片保存下来直接上传

这样一个包就发布成功了。