Vue的安装及使用快速入门

Vue是一个JavaMVVM库，是一套用于构建用户界面的渐进式框架，是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。它是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。它提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。

一、安装vue

1、安装node.js，安装完node.js之后，npm也会自动安装

查询是否安装成功的命令：

node -v

npm -v

没有安装的移步：

https://nodejs.org/zh-cn/

2、全局安装脚手架工具vue-cli，命令如下：

 npm install --global vue-cli

如果安装报错是因为权限引起，请使用：

sudo npm install --global vue-cli

3、vue项目初始化命令如下，若没有安装webpack，则先安装webpack

npm install -g webpack （如果报错 ：sudo npm install -g webpack ）

vue init webpack myVue

注：安装过程 中有个选项（Use ESLint to line your code ?选择 No ）

4、进入到myVue目录下，使用npm install 安装package.json包中的依赖

命令如下：

cd myVue

npm install

5、运行项目：

npm run dev

6、结束项目运行：

ctrl+v，选择Y即可停止项目的运行