vue简介与环境搭建

该栏目会非定期出教学视频，文档一般与视频关联，感谢观看。b站搜索博主同名，可观看教学视频。

一、Node.js

什么是node？是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python等服务端语言平起平坐的脚本语言。

简单说就是可以使JavaScript独立运行的一个环境。

通过Node.js可以像Java，PHP等语言一样搭建服务端（点击查看搭建方法），接收请求和返回请求，处理IO等。

vue.js就可以基于该环境再配合路由、请求等，搭建一个可独立运行的前端完整项目（目前前后端分离项目都是如此）

点击查看Node安装方法

二、NPM

npm是Node Package Manager（Node包管理器）的简写，由于Node包的管理和分发，我们通常做项目需要其他包来完成想要的功能，就可以通过npm来引入。就像Java项目中的Maven一样，需要什么依赖，就可以快速引入。

点击查看npm常用命令说明

三、Vue.js

Vue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。

说白了就是很简单却挺牛的JavaScript框架。而且还是国产货。目前小程序、很多app也都基于此。比如国货uniapp也是不错的，相信HBuilder都用过，没错跟uniapp是一家。

四、搭建环境

介绍完上面，现在我们进入正题，搭建环境。

首先还是要安装Node环境那就回到标题一看看Node安装方法吧😛😛，然后~全局安装vue，不过Node安装方法中已经写了😁😁，到这儿环境就搭建好了，继续看下面吧。

五、创建项目

创建vue项目可选择两种方式

• 可视化（vue ui）
• 命令创建（vue create 名称）

看个人爱好吧，不过我比较喜欢可视化。

然后我们就开始吧：《vue快速入门文档》