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

时间:2023-03-09 00:37:09
github上下载的文件如何在本地运行

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

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