快速搭建Vue项目

1. VUE是什么？

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。

2. 准备工作，安装node.js和npm

在使用VUE之前，首先要确保你是否安装过node.js， 如果没有安装，请先安装node.js。
打开cmd,输入以下命令查看node.js的版本号

node -v

执行命令，若出现以下版本号，说明node.js已安装成功。

如果没有出现版本号，请通往node.js官网进行下载
node.js官网下载地址：https://nodejs.org/zh-cn/ 请下载“长期支持版”

下载的过程就不做过多的阐述了，请按照下载步骤一级级进行操作即可。

在安装了node.js后，请检查是否安装了npm，一般情况下在安装node.js时，就会自动安装上npm。
在cmd中执行以下命令，查看npm版本号。

npm -v

执行命令，若出现以下版本号，说明npm已安装成功。

3. 用npm安装Vue

在cmd文件中执行以下命令，安装最新稳定版Vue

# 最新稳定版
npm install vue

全局安装vue-cli（构造工具）

npm install -g vue-cli

安装成功后，就可以创建自己的第一个Vue项目
我在本地文件的D盘中新建了一个Vue文件，在这个文件夹中我准备创建自己的第一个Vue项目
打开cmd,进入D盘的Vue文件夹中，执行以下代码

  # 进入D盘
  D:
  # 进入Vue文件
  cd Vue
  #创建名为“my_project”的项目，项目名称可以按照自己的需求去自行编写
  vue init webpack my_project

在执行完上述命令后，cmd窗口会显示如下内容
在上面的cmd窗口中问到“是否直接运行命令‘npm install’”，如果选择“yes”,将自动安装依赖包，不需要再次执行此命令，

#进入项目文件
cd my_project
#启动服务
npm run dev

如果选择“no”，则需要手动执行命令安装依赖包。

#进入项目文件
cd my_project
#安装依赖包
npm install
#启动服务
npm run dev

在谷歌浏览器中打开链接“http://localhost:8080”，可看到如下页面

恭喜你，第一个vue项目就这样创建完成了，请开启你的vue代码生涯…