Vue框架初识

一、简介

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

二、使用方式

1.使用<script>脚本引入

  在官网上下载vue.js文件，通过在使用的.html文件中使用<script src="">静态导入或动态导入

2.使用命令行工具CLI（搭建vue运行环境）

（1）在node.js官网下载node.js，选择红框框部分然后安装。

Node.js：作为一个异步事件驱动的JavaScript运行时，node.js被设计用来构建可扩展的网络应用。

安装完成后，在命令框中输入node -v查看node是否安装完成。

（2）安装vue-cli脚手架

安装淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装全局vue-cli脚手架：

cnpm install --global vue-cli

在命令框中输入vue，查看是否安装成功：

三、创建第一个Vue项目

（1）命令框中输入：

vue init webpack Vue_Programs（Vue_Programs是自己文件夹的名字）

（2）按要求输入项目名称和描述、作者、是否安装vue-router、是否使用ESLint管理代码、设置单元测试、设置e2e测试。

 （3）进入项目的目录，并输入cmd，在命令框中输入

npm run dev

然后在浏览器中输入http://localhost:8080/，就可以看到我们自己创建的Vue项目。

注意：如果是vue-cli4.0以上的版本，输入命令：npm install -g @vue/cli（安装下载脚手架），接着输入 vue create 项目名  文件夹名称。文件创建成功后，输入npm run server就可以运行项目了。