vue的入门及安装

一，vue的介绍

Vue.js（读音 /vjuː/, 类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。

二，vue的安装

1. 首先安装node.js。
   可以去官网上进行下载，官网https://nodejs.org/en/download/，下载之后一直点下一步就行，安装完之后，我们可以打开黑窗口，输入node -v,查看node的版本，若有，则表示安装成功。 npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息。
   2.安装cnpm。
   在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org ，然后等待，没报错表示安装成功，（我的已经安装过了，显示更新成功的信息），如下图：
   3.安装vue-cli 脚手架构建工具
   在命令行中运行命令 npm install -g vue-cli ，然后等待安装完成。（我的已经安装过了，显示更新成功的信息）
   

三，创建一个vue项目

可以使用vue-cli在黑窗口里面构建项目，下面的是用webstorm工具来创建。（webstorm与IntelliJ IDEA同源,是一个JavaScript 开发工具，我用的是2018.3.6的版本）
1.点击Create New Project,选择Vue.js,Location是你项目的存放位置，第二个是你安装脚手架vue-cli的位置，你需要在你的电脑里找到。

2.点击next, 显示如下，第一次需要等待一会儿。

3.这里写的是你的项目名，第1点那里写了项目名的话这里自动会有。

4，下面可以一直点next,项目描述，作者，选择默认的就行，这样，一个vue项目就创建好啦。目录结构如下：

5，然后选择package.json,右键，选择show npm scripts,然后双击dev,没报错就表示运行成功了。
6.打开浏览器，输入localhost:8080,会出现vue的logo。
好的，vue项目到这里就创建好啦！ 觉得还不错的可以点个赞呦~