如何搭建一個簡單的前端腳手架

一 安裝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!

這樣一個非常簡單的腳手架就搭建完成了