如何搭建一个简单的前端脚手架

一 安装node

官网下载

二 初始化项目

1、创建文件夹firstSca，在终端打开
2、初始化项目，终端输入命令npm init -y(-y表示所有选项都选yes)

初始化完成后项目中会出现package.json文件，如图

三 简单配置

新建bin/index.js文件 目录结构如下图


index.js

#!/usr/bin/env node
//#!/usr/bin/env node 表示进入直接执行node+当前文件
console.log("hello myfirstsca!")

package.json增加bin属性

{
  "name": "firstsca",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "bin":{
    "firstSca":"bin/index.js"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

四 发布

1 终端输入 npm publish (第一次需要输入npm邮箱密码，没有npm账号的可以去注册)
2 发布完成后 全局安装我们发布的脚手架 npm i firstsca -g
3 安装完成后终端直接输入package.json中配置的名字 firstSca 终端就会打印出hello myfirstsca!如图

这样一个非常简单的脚手架就搭建完成了

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容