github上下载的文件如何在本地运行

Posted 2020-08-20

最近想学习自己写插件，所以先下载大神写的插件膜拜下，下载下来以后，直接双击运行报错，大神怎么会犯这么低级的错误咧!所以在网上查资料，找到了解决方法。

（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
 呼呼，终于说完了，希望对大家有帮助。