最近想学习自己写插件,所以先下载大神写的插件膜拜下,下载下来以后,直接双击运行报错,大神怎么会犯这么低级的错误咧!所以在网上查资料,找到了解决方法。
(1)上传到github上面的插件都很规范,文件根目录下都会有个README.md文件,里面通常会有详细的关于如何运行文件内的demo的教程,以诸葛流云(偶像啊)的一个demo为例,以下为引用部分
/////////////////////////////////////////////////##form(1) 该文件夹内的demo运行方法: 1. 前提:安装node.js git gulp 2. 安装:npm install --save 3. 运行:gulp -sw (2) 该文件夹内容的相关介绍: ///////////////////////////////////////////////////////////(2)可以看出来该文件下面都会有运行该目录下demo的运行环境,以上面的form文件夹为例,运行该文件下的.html格式的文件,需要安装node.js、git以及gulp;nodejs:javascript运行环境(https://nodejs.org/en/)
git:命令行输入工具和版本控制工具(https://git-scm.com/)
gulp:前端自动集成工具(http://www.gulpjs.com.cn/) (3)安装nodejs后,在命令行输入 npm install -g gulp 全局安装gulp
作为项目的开发依赖(devDependencies)在项目根目录安装本地gulp
$ npm install --save-dev gulp
(4)在项目根目录下查找一个名为 gulpfile.js
的文件,还是以诸葛大神的文件为例: //////////////////////////////////////////////////////////
var gulp = require(‘gulp‘), yargs = require(‘yargs‘).argv,//获取运行gulp命令时附加的命令行参数 clean = require(‘gulp-clean‘),//清理文件或文件夹 replace = require(‘gulp-replace-task‘),//对文件中的字符串进行替换 browserSync = require(‘browser-sync‘) ///////////////////////////////////////////////////////// 从上面可以看出来,运行该目录下文件需要安装 yargs、gulp-clean、gulp-replace-task、browser-sync等相关插件,同样在命令行下通过npm安装。 插件的安装方法就不再赘述。(5)运行gulp gulp -sw 呼呼,终于说完了,希望对大家有帮助。
时间: 2024-10-24 15:19:15