Grunt安装与环境配置

公司项目还没有前后端分离,而前端是使用node.js搭建起来的,现在需要自己动手开发,故学习下并做为记录防止以后忘记。

grunt依赖node.js,所以在安装之前确保你安装了 Node.js。然后开始安装 Grunt

实际上,安装的并不是 Grunt,而是 Grunt-cli,也就是命令行的 Grunt,这样你就可以使用 grunt 命令来执行某个项目中的 Gruntfile.js 中定义的 task 。但是要注意,Grunt-cli 只是一个命令行工具,用来执行,而不是 Grunt 这个工具本身
 
1.安装node.js
  网上有很多这样的教程,其实我也是查的,先不做详细记录了。安装nodejs
2.全局环境下安装grunt
  npm install -g grunt-cli
3.新建项目grunt_demo,名称可不要与grunt相同哦(其实很多时候都是这样,不要命名为专属名词,防止出现不必要的问题)
  
4.package.json(需要的插件信息在文件中写入)
  
  由于项目公司前端已经配好了,我就是clone下来后在本地开发。打开文件可以看到,package.json中配置好了很多插件及其版本信息,所以,我不需要执行npm init。当然,你要是没有还是要执行初始化的。
5.安装grunt
  npm install grunt --save-dev  
6.安装插件
  

  这是插件没有找到,执行命令“npm install 插件名称 --save-dev“即可。

7.grunt后续其实还有很多,但笔者目前只用到这里,记录个链接做为以后的了解

  grunt配置及效果

 注意,执行grunt less等命令,需要在管理员的权限下执行哦

原文地址:https://www.cnblogs.com/two-bees/p/10470633.html