Vue相关软件介绍

在当今的网站开发中，单纯的使用HTML+CSS已经完全不能满足需求，适当的使用JavaScript可以使得网站在脱离后端的情况下能够与用户进行交互，这样不仅提高了用户的使用舒适程度，还能减少后端的负载。
所以现在的网站需要有大量JavaScript代码，而早期的JavaScript标准已经不足以支撑庞大的JavaScript代码，所以在近些年，制定了ES6的标准，大量的浏览器也同时支持了该标准。这就使得JavaScript可以很容易的构建出一个庞大的项目。
但是部分浏览器，部分设备不支持ES6标准，同时也不能让程序员同时维护两个版本的代码，就出现了许多的软件，在编写ES6标准的JavaScript代码之后，由软件进行转化，让其支持之前的标准。
所以在现在的前端开发中，都需要使用大量的工具进行开发，简单的写几行JavaScript的时代已经过去了，大量的JavaScript代码必须有想用的软件进行管理。

webpack

webpack是javaScript的编译工具，大量的JavaScript项目由该工具进行编译，Vue的项目也可以通过webpack进行编译（绝大多数的Vue均适用的该工具），在百度百科中，这么介绍webpack：
webpack它是代码编译工具，有入口，出口、loader和插件。其天生就代码分割、模块化，webpack2.0中加入tree shaking，用来提取公共代码，去掉死亡代码。

Vue-CLI

Vue-CLI是Vue项目的脚手架，在正常情况下创建一个Vue项目，需要配置环境，创建文件，如果使用其他工具如webpack，还需要创建符合相关工具的文件目录，通过Vue-CLI脚手架工具，只需要几行命令就可以快速初始化一个Vue项目。

HBuilderX

我也不知道HBuilderX是什么软件，起源于哪里，但是Vue官网上进行推荐，我就下载了下来，用起来还是比较好用的，所以就一直在使用，该软件有他自己的一套生态，我只用他编写代码就足够了，并没有过多的了解他的其他生态内容。

node.js

如果你学过JavaScript，肯定听说过node.js的大名，那么他是什么呢？他其实就是运行JavaScript代码的一个工具。那么你可能就会问了，我直接用浏览器运行JavaScript它不香吗？为啥要用node.js?
node.js虽然可以运行你写的JavaScript代码，但是node.js真的不行运行你写的JavaScript用的。
你看到以上的几个工具，你觉得上面的工具是谁写的呢，又是用什么语言写的呢？答案显而易见，前端不指望让后端去写这些工具，所以上面的工具基本上都是由前端人员进行开发的，都是通过JavaScript进行开发的，运行以上的工具，需要运行环境，而node.js是大部分情况下是运行以上工具使用的。

npm

代码的开发，是站在前人的肩膀上的，所以更大程度的复用前人的代码，是软件生态的一部分，为了更好的管理大量的前人写过的代码，更好的去使用前人留下的代码，同时处理好代码之间的版本关系，就衍生出来了npm，在百度百科中，npm如下定义：
NPM的全称是Node Package Manager [1] ，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。

cnpm

现在的网络，是封锁的，并且远距离传播是由延迟的，npm在使用时，下来相关代码是在国外的网络上进行下载，失败是非常常见的，在我没有使用cnpm的时候，npm每次执行的结果都是不同的，有时候找不到这个相关依赖，有时候找不到另外一个相关依赖，总之十次由九次会出现问题，在这种情况下，爱管闲事的阿里大叔就出手了，他为国人构建了一个npm的国产版本，cnpm，使用该工具下载速度起飞，再也没碰到过找不到依赖报错的问题了。