首先vue.js 是库，不是框架，不是框架，不是框架。

Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。

Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。

vue.js 下载过来直接在html中引入就好了并不一定要npm install vue.

vue.js 有路由的 叫vue-route.js，vue.js也有数据请求 叫vue-resource.js

Vue.js可以在html里引用，使用npm引入是方便包管理。
等到应用需要的库和框架多起来后，一个个从html里引入就不方便了。
所以用到打包工具比如webpack（node.js中的构建工具），可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理，让前端开发更爽。
最后Vue.js是数据驱动，和JQuery思路不同，你几乎不需要自己进行复杂低效的dom操作，开发简介明了。从这一点上说，可以基本抛弃JQuery了

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
Node.js 的包管理器 npm，是全球最大的开源库生态系统。
Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。

 

下载地址：https://nodejs.org/en/download/

推荐下载LTS版本。

现在采用的是8.9.0版本。然后下一步安装即可。

完成以后，在控制台输入：

node -v

看到版本信息：

2.2.NPM

安装完成Node应该自带了NPM了，在控制台输入npm -v查看：

 

npm默认的仓库地址是在国外网站，速度较慢，建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具：nrm

我们首先安装nrm，这里-g代表全局安装

npm install nrm -g

然后通过nrm ls命令查看npm的仓库列表,带*的就是当前选中的镜像仓库：

通过nrm use taobao来指定要使用的镜像源：

然后通过nrm test npm来测试速度：

注意：

• 有教程推荐大家使用cnpm命令，但是使用发现cnpm有时会有bug，不推荐。

• 安装完成请一定要重启下电脑！！！