搭建vue框架的前置学习环境

1、整体概括

使用vue框架需要一些前置环境，如下图所示，包括IDE编辑器、Node.js、调试环境、工程环境

---

2、IDE(Visual Studio Code)

笔者推荐大家使用的IDE编辑器为Visual Studio Code（亲测好用），由于vue框架自带一种特有的文件格式.vue，所以需要编译器需要具有可以解析该类型文件的功能，否则十分不利于编码过程，为此Visual Studio Code提供了Vetur插件用来解析.vue文件。

插件安装过程如下图所示：查看--扩展--搜索（Vetur）--安装

---

3、Node.js

Node.js 是一个运行在服务端的框架,NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，应用场景如：允许用户从NPM服务器下载别人编写的第三方包到本地使用；允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用；允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

安装方式：