zoukankan      html  css  js  c++  java
  • grunt安装详解及失败处理

    标签:

    1、官网

    nodejs官网 https://nodejs.org/en/

    Grunt官网 http://gruntjs.com/ 

    Grunt插件首页  http://gruntjs.com/plugins

    2、前言

    前段时间一不小心升级了win10(万恶的360),各种不适应各种问题各种软件bug,最终决定回退到win7,然后悲催的发现系统有问题,开启中he开启后后各种问题,不得不重装系统。不要升级windows10!不要升级windows10!不要升级windows10!重要的事情说三遍。

    然 后重新安装node,装grunt的时候各种问题,以开始以为是win7新系统问题,但是又好像没啥大问题。然后发现悲催了,时不时出bug,各种执行问 题。最重要的是不能迁移,这是个大大大的bug。查看报错,各种百度视乎解决了,然后有又bug。安装好了后发现不能迁移实现项目新建。迁移时的报错,在 谷歌找到几篇老外的相关文章,发现很多报错是一样,原来是npm版本太新在win7下不兼容系统且很多插件包不支持不匹配导致,npm最好在3以下(强大的谷歌!)。

    3、问题

    在安装中又发现其他有趣的情况,所以决定记录下来。贴图

    技术分享

    技术分享

    技术分享

    1:node版本不能太高,奇数版本不要安装。太高会有需要安装包不支持,且win7回出各种奇妙的bug。
    2:cmd以管理员身份运行
    3:package.json中不要在name中包含js, node字样。这个名字最终会是URL的一部分,命令行的参数,目录名,所以不能以点号或下划线开头;
    这个名字可能在require()方法中被调用,所以应该尽可能短;name最好是英文。版本信息三位数字为佳。例如"name": "grunt_test" "version": "1.0.0",
    4:保存为.xxx文件时,txt不能保存时候用notepadd++

    以上为问题总结。能避免尽量避免,否则一旦呵呵呵了就悲催了

    4.安装

    开始安装前的node是版本是:node-v4.2.4-x64.msi

    安装node 安装全局grunt搞定 查看版本

    技术分享

    技术分享

    最好最好最好技术分享用管理员身份运行。(具体方法度娘)

    创建测试项目grunt_test目录里的文件src,控制package.json,Package.json的内容我们写成如下格式:

    技术分享

    cd进入项目,安装grunt项目模板包、执行安装插件包,目前测试3个插件:grunt-contrib-jshint grunt-contrib-uglify grunt-contrib-watch 带contrib是grunt项目团队开发功能

    技术分享技术分享

    warn忽略,项目文件下出现了node_modules文件包及三个插件包,测试迁移功能。

    将Gruntfile.js放入项目根目录执行

    技术分享

    watch监听功能启用,然后测试迁移功能,新建项目grunt_test3测试,将package.json放入根目录执行:npm install

    技术分享

    三个包安装成功后再执行grunt

    技术分享

    报错是缺少Gruntfile.js。复制粘贴后迁移后也可以成功,说明 node4.2.4及npm2.14.12可行,可以继续安装其他插件包

    5、后记

    各个功能模板忽略,贴图记录部分 package.json  Gruntfile.js 配置及相关功能

    技术分享

    技术分享技术分享

    npm在github的下的各种版本信息 

    前辈大神的博客:使用grunt构建前端开发环境     前端项目构建工具

  • 相关阅读:
    Java接收Cordys中webservice接口的返回数据并解析xml获取相应节点数据
    初识jenkins之-jenkins的安装与配置
    Linux(centos6.8)下Tomcat的安装与配置
    [置顶] Linux下(centos6.8)JDK1.8的安装与配置
    小白五一期间个人建站
    声明一些事
    js中apply()的用法淺談
    angularJS中的服务
    PHP中的常用关键字
    PHP中三大特性---继承性
  • 原文地址:https://www.cnblogs.com/koleyang/p/5570556.html
Copyright © 2011-2022 走看看