前端开发初学者工具介绍（完全小白版）持续更新中。。。

1. 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文件夹下