美文网首页前端工程化
如何搭建一个简单的前端脚手架

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

作者: 贵贵贵子 | 来源:发表于2021-06-25 11:32 被阅读0次

一 安装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!如图

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

相关文章

网友评论

    本文标题:如何搭建一个简单的前端脚手架

    本文链接:https://www.haomeiwen.com/subject/dvgnyltx.html