美文网首页
创建脚手架 cli 入门教程

创建脚手架 cli 入门教程

作者: 前端妹子ice | 来源:发表于2018-03-02 11:58 被阅读31次

第一步 创建仓库

创建一个git仓库,可以在GitHub创建个git仓库,如https://github.com/raoenhui/ice-first-cli

第二步 编辑package

npm init 或直接创建package.json,将git仓库地址加入

{
  "name": "ice-first-cli",
  "version": "1.0.8",
  "scripts": {
    "test": "npm -v"
  },
  "bin": {
    "ice-first-cli": "./bin/commit.js"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/raoenhui/ice-first-cli.git"
  },
  "keywords": [
    "cli"
  ],
  "devDependencies": {
    "shelljs": "^0.8.1"
  }
}

第三步 创建bin文件

创建bin文件夹,在bin中再创建commit.js文件。

#! /usr/bin/env node
var shell = require("shelljs");
shell.exec("echo shell.exec works1");
console.log('my first cli');     

第四步 测试cli

控制台输入

sudo npm link
ice-first-cli
npm publish
cli.png

第五步 完成

可从npm官网中找到,https://www.npmjs.com/package/ice-first-cli .


我的原文地址 https://raoenhui.github.io/cli/2018/02/26/cli/

相关文章

  • vue入门教程

    Vue-cli入门教程 vue-cli是官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目 ...

  • Vue脚手架: vue-cli@3.0.5

    Vue脚手架vue-cli3.0.5 脚手架安装 脚手架vue-cli3.0.5的使用 2.创建vue项目 开发环...

  • 使用vue-cli搭建vue项目

    vue-cli vue的脚手架 安装脚手架之前需要安装node.js 安装脚手架 安装vue-cli 创建vue项...

  • 创建脚手架 cli 入门教程

    第一步 创建仓库 创建一个git仓库,可以在GitHub创建个git仓库,如https://github.com/...

  • vue-cli脚手架搭建vue项目

    一、下载nodejs并安装和配置环境变量 二、安装vue-cli脚手架 三、使用vue-cli脚手架创建项目 四、...

  • Vue入门1 脚手架篇

    脚手架篇 Vue CLI官方创建项目的文档https://cli.vuejs.org/zh/guide/creat...

  • 【uniapp】使用vue-cli创建微信小程序项目

    为了方便管理,使用vue cli创建项目。 全局安装vue-cli 在目录下运行,创建基础脚手架 选择默认模板 与...

  • 4、Vue-cli项目创建

    Vue-cli项目的创建 最近在开发网站,项目运用到了Vue-cli这个脚手架工具,下面记录一下vue-cli创建...

  • 环境搭建

    安装脚手架 npm i -g @vue/cli 创建项目 vue create xxx

  • wepy学习分享

    1 项目的创建 1.1 全局安装wepy-cli脚手架 npm install wepy-cli -g 1....

网友评论

      本文标题:创建脚手架 cli 入门教程

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