| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 搭建自己的脚手架 -> 正文阅读 |
|
[JavaScript知识库]搭建自己的脚手架 |
1 首先在需要开发cli的文件中npm initt,生成package.json文件。 2 添加程序入口文件cli.js,并且在package.json中指定入口文件为cli.js。 3 在cli.js中创建create命令,需要使用commander工具库(npm install commander)。 具体代码如下图: 特殊说明:在写npm包的时候需要在脚本的第一行写上#!/usr/bin/env node?,用于指明该脚本文件要使用node来执行。并且该命令必须放在第一行, 否者不会生效。 4 在上图.action中实现命令。此时新建一个create.js,并在cli.js中使用。 需要安装path,fs-extra工具库(npm install path ??npm install fs-extra)。 5 在开发create指令实现下载过程中,需要询问用户问题来获取下载所需信息,例如我们需要从gitlab中选择模板,及选择对应模板版本号。此时需要使用inquirer工具库。(npm install inquirer) 6 模板的获取:在 lib 目录下创建一个 http.js 专门处理模板和版本信息的获取 7 模板的下载:需要使用download-git-repo工具库。(npm install download-git-repo ?)。 8 将开发好的脚手架发布到npm 首先需要将npm注册好,首次使用需要在终端中登录,npm login 登录时需要注意两点:
cnpm切换从成npm: npm config set registry https://registry.npmjs.org/
9 登录npm可查看已经发布的脚手架 10 安装脚手架 11 通过alice -V可查看版本 12 下载模板:alice create my-project 13 模板下载完成: |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/23 16:38:13- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |