美文网首页
前端自动化构建工具gulp的使用

前端自动化构建工具gulp的使用

作者: 小伙子太认真 | 来源:发表于2019-02-22 22:00 被阅读0次

    这里先假设阅读者已经安装好了nodejs和npm。

    没有安装的点击这里:node安装指南

    具体介绍如下

    1、命令行介绍

    2、gulp模块安装之后的问题

    3、利用http-server模块创建一个虚拟远程链接

    第一个问题:有哪些命令行呢?

    这里当然不可能介绍完,说一下比较重要的几个而已(我用的不是cmd了,是Git工具)

    Git工具比较实用的一点就是:只要在对应的项目那里右键打开Git就能够找到项目的地址了。cmd麻烦一点

    语法:包名 -v 写法

    表示看对应的版本号

    上面的最后一行没有退出来,按ctrl + c退出。

    语法:npm  init            生成配置文件package.json

    输入命令行直接就跳到name这里,写上(项目名)qdxyskf,都要小写

    version是版本号的意思

    其实就是一直按回车键就行。

    license : 相关协议

    dependencies : 生产环境  如果要下载在这个环境

    devDependencies : 开发环境

    语法:npm install gulp --save            将gulp模块包装在生产环境下

    注意:package.json配置下的dependencies的变化。

    语法:npm install gulp --save-dev        这个就是在装在开发环境下

    注意:devDependencies和dependencies的变化。

    第二个问题:gulp模块安装之后的问题

    这里说没有找到gulp-cli文件,重新在对应的位置添加一个gulp-cli,将gulp文件复制进去就解决了。下面图了解一下 D盘

    第三个问题:安装一个http工具

    这个github地址,相关命令行看介绍:http-server

    命令行:npm install http-server -g(安装http工具到全局环境下)

    命令行:http-server  src      (src文件可以作为链接打开时的地址)

    和下面一张图一起看

    相关文章

      网友评论

          本文标题:前端自动化构建工具gulp的使用

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