vue.js安裝和使用

.包管理工具:npm
.打包工具：webpack

Vue.js 介绍

Vue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用，特别适合单页应用的开发。

Vue.js是数据驱动的，它通过一些特殊的语法，将DOM和数据绑定起来，无需手动操作DOM。一旦创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。

vue-cli 介绍

Vue就是和jQuery一样是一个前端框架，它的中心思想就是数据驱动
Vue 提供一个官方命令行工具vue-cli，可用于快速搭建大型单页应用。由于vue-cli是基于nodejs进行工作的，所以安装之前需要确保你的电脑**已安装nodejs环境，完成后就可以

安装nodejs环境

安装nodejs环境

安装脚手架vue-cli工具 用于帮助搭建所需的模板框架

輸入命令行:npm install -g vue-cli 之后输入：vue，回车，若出现vue信息说明表示成功

建一个项目 ,vue-cli初始化webpack项目，一路回车

vue init webpack vue(项目文件夹名)

cd 进入项目目录:>
命令：

安装各模块组件

npm install

编译， 打包生产的命令

npm run build

运行服务

npm run dev

安装ui组件vuetify

npm install vuetify --save

全局安装 vue-cli

$ npm install --global vue-cli

创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

安装依赖，走你

$ cd my-project
$ npm install
$ npm run dev