标签:

 

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构建前端开发环境     前端项目构建工具

posted on 2016-06-08 16:39  杨杨0708  阅读(1284)  评论(0编辑  收藏  举报