- git命令行工具(Git - Downloads下载地址:Git - Downloads)
主要功能:源代码及相关文件管理、支持npm(后面有介绍)node(后面有介绍)等,但是不支持grunt(后面有介绍,不知道为啥以后有机会可以研究一下)。通俗的说就是可以执行npm及node命令执行不了grunt命令。
安装相关:window下可以GUI安装
使用界面及相关:$符的命令行模式,代码仓库 https://github.com/
常用命令或功能:常用命令 git clone。实例:git clone https://gitcode.net/mirrors/fex-team/ueditor.git。克隆(获得)源及相关文件
吐槽:完全可以在 https://github.com/ 网站下载不用安装git工具
相关技巧:获得clone地址或下载地址可以到 https://github.com/ 网站如下图方式:
2.nodejs工具(开源、跨平台的 JavaScript 运行时环境)下载地址:Node.js
具有:ECMAScript 2015 (ES6)特性(涉及到javascript发展如果有兴趣可以自行搜索)
3.npm工具(Node Package Manager缩写 见名知意,如果感兴趣的可以看一下:npm到底是什么,有什么作用_乐伊的博客-CSDN博客)
安装相关:NPM随同NodeJS一起安装的包管理工具
常用命令或功能:npm install 以及npm install -g ueditor (备注:-g为全局安装 如果不指定文件目录如:ueditor 直接执行npm install那么npm就会在当前目录下寻找package.json文件并按照依赖下载)
4.Grunt工具 运行在Node.js上面的任务管理器(task runner),其可以在任何语言和项目中自动化指定的任务。我们可通过npm来安装Grunt和Grunt插件
安装相关语句:npm install -g grunt-cli 、npm install grunt --save-dev
相关说明:
将grunt命令运行在你的系统路径上,这确保了其可以在任何的文件夹下面运行成功。
注意安装了grunt-cil并不意味这安装了Grunt 任务管理器(task runner)!
Grunt CLI是运行安装在邻近Gruntfile的Grunt版本。这允许了在同一台机器上同时安装不同版本的Grunt。
在项目中使用Grunt
1.创建项目根目录
首先创建一个空的项目根目录且在目录中创建下面的文件:
- package.json :这是npm使用的文件,用来存储作为npm模块发布的项目的meta数据。如果我们想要列举Grunt或者Grunt插件,那么我们需要在package.json文件中将此项目作为devDependencies。 这个文件需要放在项目的根目录中,你也可以使用nmp init命令来生成这个文件
- cruntfile.js这个文件用来设置和定义任务以及加载Grunt插件。这个Gruntfile.js 文件同样需要放置在项目根目录中。 你如果需要在coffee脚本中配置任务,你可以同样命名此文件为 Gruntfile.coffee 。下文中将会讨论这个文件的具体内容。
2.增加Grunt 模块到你的项目中
我们接下来需要使用npm来增加Grunt 模块到你的项目中
运行如下语句
> npm install grunt --save-dev
上述命令安装了Grunt同时也在package,json中创建了一个入口,此入口说明了这个模块将作为devDependency。 被标记为devDependency的模块只能是在开发环境中(development environment)安装的模块。在产品环境(producion environment)中安装它们将被忽略。
常规相关功能语句:grunt default
说明:grunt 打包在dist文件夹下