从无到有创建一个grunt项目
在安装好grunt的前提下创建一个grunt的项目:
1、首先创建一个项目文件
就叫grunt-project
2、进入这个文件
创建一个index.html
在创建一个js文件,进去创建一个index.js
3、回到根目录
cd ..
终端命令为
haonandeMacBook-Pro:workspace haonan$ mkdir grunt-project
haonandeMacBook-Pro:workspace haonan$ cd grunt-project
haonandeMacBook-Pro:grunt-project haonan$ vim index.html
haonandeMacBook-Pro:grunt-project haonan$ mkdir js
haonandeMacBook-Pro:grunt-project haonan$ cd js
haonandeMacBook-Pro:js haonan$ vim index.js
haonandeMacBook-Pro:js haonan$ cd..
-bash: cd..: command not found
haonandeMacBook-Pro:js haonan$ cd ..
4、创建package.json文件
在项目根目录下执行(不管是老项目还是新建的项目都可以这样执行)
npm init
会提示
Press ^C at any time to quit.
name: (grunt-project)
version: (1.0.0) //版本号
description: learn grunt prohject //项目运行时的描述
entry point: (index.js) //项目的入口文件
test command: //测试命令
git repository: //git仓库地址
keywords: grunt //关键词
author: haonan //作者
license: (ISC) //协议
About to write to /Users/leleda002/workspace/grunt-project/package.json: {
"name": "grunt-project",
"version": "1.0.0",
"description": "learn grunt prohject",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [
"grunt"
],
"author": "haonan",
"license": "ISC"
} Is this ok? (yes) yes
这个时候在项目下就会多出一个package.json文件
看这个文件 就发现没有关联dependence
5、关联dependence,也就是引入grunt,在项目根目录下执行
npm install grunt --save-dev
6、接下来要用什么插件安装什么插件,例如
npm install load-grunt-tasks --save-dev
--save-dev是为了让直接改变保存到package.json文件中
7、生成gruntfile.js文件
vim gruntfile.js
编写gruntfile.js文件
从无到有创建一个grunt项目的更多相关文章
- 快速创建一个springboot项目
创建一个maven项目(springboot.mybatis-plus) 目标:可以访问ftl页面.对象(json字符串),可以进行单元测试 1.新建一个maven项目,选择模板maven-arche ...
- eclipes创建一个web项目web.xml不能自动更新的原因(web.xml和@WebServlet的作用)
在eclipse中创建一个Web项目的时候,虽然有web.xml生成,但是再添加Servlet类文件的时候总是看不见web.xml的更新,所以异常的郁闷!上网查了查,原来我们在创建Web项目的时候,会 ...
- 【Android Developers Training】 1. 创建一个Android项目工程
注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...
- 创建一个vue项目的过程
创建一个vue项目: 1.首先从UI手上拿到PSD设计图,然后看设计搞的内容,需要做个大概的页面布局 2.做vue之前不许安装node,因为做vue项目要和node结合使用 3.然后安装vue脚手架: ...
- eclipse中创建一个maven项目
1.什么是Maven Apache Maven 是一个项目管理和整合工具.基于工程对象模型(POM)的概念,通过一个中央信息管理模块,Maven 能够管理项目的构建.报告和文档. Maven工程结构和 ...
- Python框架学习之用Flask创建一个简单项目
在前面一篇讲了如何创建一个虚拟环境,今天这一篇就来说说如何创建一个简单的Flask项目.关于Flask的具体介绍就不详细叙述了,我们只要知道它非常简洁.灵活和扩展性强就够了.它不像Django那样集成 ...
- 用maven创建一个web项目
下面所使用的Eclipse开发工具为Eclipse Java EE IDE 版本. 1.创建一个maven项目,如图所示: 选择“maven-archetype-webapp”,如图所示: 后面几步按 ...
- Django之真正创建一个django项目
真正创建一个django项目 1 创建Django项目 :new-project 2 创建APP : python manager.py startapp app01 3 setting 配 ...
- Vue Create 创建一个新项目 命令行创建和视图创建
Vue Create 创建一个新项目 命令行创建和视图创建 开始之前 你可以先 >>:cd desktop[将安装目录切换到桌面] >>:vue -V :Vue CLI 3.0 ...
随机推荐
- Linux下SuperLU安装
SuperLU安装 1.在家目录下建立文件夹superlu,进入该目录,获取安装程序并解压缩 mkdir superlu cd superlu wget http://crd-legacy.lbl.g ...
- jquery判断字符串中是否存在某个的字符串
有两种方式: 1)test 2)indexOf $(function(){ var str="sunny,woo"; var sear=new RegExp(','); if(se ...
- 05.Python高级编程
1 ==,is的使用 is 是比较两个引用是否指向了同一个对象(地址引用比较). == 是比较两个对象是否相等.(比较的数值) 2 深拷贝.浅拷贝.copy.copy 2.1 浅拷贝 浅拷贝: 拷贝的 ...
- js中二维数组的创建方法 2017-04-04 14:50 120人阅读 评论(0) 收藏
法一:var myarr=[[0,1,2],[1,2,3]]; 将[0,1,2]看做原来的0,将[1,2,3]看做原来的1,而二者又分别为子数组 如myarr[0][1]=1,myarr[1][1]= ...
- 50.常用的query查询方式
主要知识点 match all match multi match range query term query terms query exist query 1.match all ...
- mysql优化sql语句
mysql优化sql语句 常见误区 www.2cto.com 误区1: count(1)和count(primary_key) 优于 count(*) 很多人为了统计记录条数,就使 ...
- maven 镜像使用
maven中的snapshot来源与注意事项 maven中的snapshot来源与注意事项 (2012-04-23 15:37:48) 转载▼ 标签: 杂谈 分类: java maven的依赖管理是基 ...
- chrome 插件开发2
登录 | 注册 基础文档 综述 调试 Manifest 文件 代码例子 模式匹配 分类索引 改变浏览器外观 Browser Actions 右键菜单 桌面通知 Omnibox 选项页 覆写特定页 ...
- 优雅的App全然退出方案(没有不论什么内存泄漏隐患)
在Android开发过程中,特别是界面比較多的情况下,用寻常的退出方式往往是不能全然退出这个应用,网络上也好多各种退出方案.当中一种应该是被广大开发人员採纳使用,也很的清晰方便.就是在Applicat ...
- 2016.04.25,英语,《Vocabulary Builder》Unit 18
capit, from the Latin word for 'head', caput ['keɪpət] n.头,首 , turns up in some pretty important pla ...