Vue前端工程化准备--NodeJS安装、Vue-cli安装与框架介绍

目前，前后端分离式的开发越来越流行，我们如何初步配置这种开发模式中的前端框架呢？下面我会对配置过程进行详细介绍。

我们的前端工程化是通过vue官方提供的脚手架Vue-cli来完成的，用于快速的生成一个Vue的项目模板。Vue-cli主要提供了如下功能：

• 统一的目录结构

• 本地调试

• 热部署

• 单元测试

• 集成打包上线

我们需要运行Vue-cli，需要依赖NodeJS，NodeJS是前端工程化依赖的环境。所以我们需要先安装NodeJS，然后才能安装Vue-cli

一、NodeJS安装

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，它允许开发者使用 JavaScript 编写命令行工具和服务器端脚本，并且能够使程序运行在浏览器环境之外。和java的JDK类似，NodeJS是 JavaScript 运行时环境。

注意：如果电脑里装有NodeJS最好不要重复安装

1.首先我们需要先获取到NodeJS的安装包（可以直接下载我提供的安装包），也可以点击下方链接可进入官网下载安装包:

Node.js — 在任何地方运行 JavaScript

2.下载完成后按照下载地址找到该安装包打开（本人下载的不是最新版本，但是安装步骤是一样的）

3.跟着图片步骤操作即可