VUE_学习（一）安装

感觉jQuery不够用了，在前端框架泛滥的时候，觉得是时候学习一个趁手的框架了。

Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架 不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

安装vue环境

1.安装node.js
从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。

2、安装cnpm
win+r打开命令行，输入npm install -g cnpm --registry=http://registry.npm.taobao.org（淘宝镜像）然后等待安装完成。

3安装vue
输入.npm install vue 安装

4安装脚手架vue-cli
输入npm install -g vue-cli 安装

5创建vue第一个项目
输入npm init webpack vue_test 创建。创建项目名称为（vue_test）

6进入到vue项目目录
输入cd vue_test 进入和查看目录

7安装依赖
输入npm install 安装
输入npm run dev 验证是否安装成功
在浏览器中输入 ：localhost:8080(默认端口为8080)

备注命令符号：
node -v 检查版本号
npm -v检查版本号
npm install vue 安装
npm install -g vue-cli 安装脚手架
vue -V（大写检查版本是否安装）
vue 若出现vue信息说明成功
npm init webpack vue_test 创建项目名称为（vue_test）
cd vue_test进入具体项目文件夹
npm install安装依赖
npm run dev 测试环境是否搭建成功
可以在第4步前，改变vue项目默认目录，输入cd wesktop（桌面）然后在安装vue-cli。

图片.png