前端工程化

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

2021-06-25  本文已影响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!如图

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

上一篇 下一篇

猜你喜欢

热点阅读