nodeJS npm grunt grunt-cli
1.安装好nodeJS后 ,一般都会把npm也安装好的。nodeJs集成npm的,可通过在cmd 分别运行 node -v和 npm -v来查看他们的版本,假设显示可说明可继续以下的操作
2.想安装grunt一般能够直接在cmd里面运行 npm install grunt grunt-cli 【然而除了第一次我这么写能够生效外。后来都没成功过,什么鬼?我也不知道,能够改成这样写:
npm install -g grunt-cli 安装全局grunt-cli
npm install -g grunt 安装全局grunt
】 ,这个意思是通过npm来安装[install 全局[-g]的grunt 以及grunt的client[cli],也能够卸载掉grunt npm uninstall -g grunt
3.查看是否安装好了grunt。可通过cmd运行 grunt -version来查看grunt的版本号 假设显示如:grunt-cli v0.1.9grunt
v0.4.1两条包含
client和grunt的信息。那么说明grunt安装好了
4.如今已经安装好了grunt,当下我们要新建项目,那么怎样制定项目文件呢?在cmd里面输入"f:" 这里的意思是进入f盘,当然假设你的项目在其它盘同理。再cmd里面输入
"cd pathname"[进入f盘下的项目文件夹]
5.在我的电脑里面打开项目文件新建package.json文件[用于管理依赖插件],
加入例如以下内容:參数可參考
{
"name":"my-project-name", //项目名称
"version":"0.1.0",
//项目版本号
"devDependencies": //依赖文件
{
"grunt":"~0.4.1",
//”工具文件名称“:”~工具文件名称版本号“
"grunt-contrib-jshint":"~0.6.0",
"grunt-contrib-nodeunit":"~0.2.0",
"grunt-contrib-uglify":"~0.2.2"
}}
6.加入了package.json文件后,须要通过npm来运行操作
接着4的步骤,输入'npm install' 回车 来安装package.json里面的插件
7.安装了packge.json里面的,如今回到我的电脑->项目目录->新建文件Gruntfile.js来操作package.json里面的工具插件
加入内容例如以下:參考參数
module.exports = function(grunt)
{
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),//导入package.json
concat : { //须要运行的插件名
webqq : { //项目名
files : { //将被操作的文件名称
'dist/main.js' : ['main.js','drag.js','scale.js','range.js']
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-concat');//载入插件
grunt.registerTask('default', ['concat']);//运行插件
};
8.加入了Gruntfile.js插件操作文件后,相同须要通过在cmd对其进行运行,接着第6步
输入'grunt' 执行grunt对项目的操作,
cmd 如今包括"Done,witout errors."的提示
说明运行完grunt对项目的管理了
最新文章
- 激活Microsoft Office professional plus 2010
- php 小试 mysql-zmq-plugin 和 pthreads
- java 基础
- Linux Tomcat 简介
- logstash5.x改变
- 关于基于.NET Framework的网络通信程序底层扫盲
- 【C语言模拟实现】浮点数-转-定点数
- SQL Server 的事务和锁(一)
- 车牌识别LPR(一)-- 研究背景
- android内核读取file文件
- 建立TextView位置的部分可以点击,不同的颜色
- jdk7 HashSet和HashMap源码分析
- spring-线程池(1)
- HK2框架的简单自实现kunJ
- Vue.js—组件快速入门以及实例应用
- eclipse中常用提高效率的快捷键
- Chrome浏览器,处理input自动填充时带黄色背景色
- 严重:one or more listeners failed. Full details will be found in the appropriate container log file
- c#+.net常用功能点
- Android View体系(五)从源码解析View的事件分发机制