Vue初识

1、vue.js网址：https://cn.vuejs.org/

2、vue.js 一个渐进式的javascript框架：优点什么的易用、灵活、高效就没必要讲了。

3、介绍什么的自己去看。

4、直接讲如何使用，使用有3个方法：（1）下载js引用，（2）CDN引用，（3）NPM安装使用

           （1）下载使用，在官网上下载，如图有两种，一种是开发版本，一种是生产版本。

                

           （2）CDN引用，

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
或者
<script src="https://unpkg.com/vue"></script> 

            （3）NPM下载安装，

首先你得搭配环境，网上有许多的环境配置文件，我这里就简单说下我如何配置的。

node环境安装：

Window 上安装Node.js

32 位安装包下载地址 : https://nodejs.org/dist/v8.11.1/node-v8.11.1-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v8.11.1/node-v8.11.1-x64.msi

下载完之后就是安装了。

在：https://www.kancloud.cn/smallwei/avue/579870 上有环境搭建的配置，主要的就是要有node环境。

开发工具我用的是VSCode

Window 上安装vscode

安装包下载地址 :https://code.visualstudio.com/Download

下载安装之后开始搭建我们的项目

5、项目搭建

（1）可以使用cmd运行来创建项目，cd进入到你要创建项目的文件夹创建。

（2）可以通过git 不过需要安装

（3）或者直接打开安装的VSCode，里面有个终端运行

项目搭建

（1）首先使用vue就得先安装，然后安装vue-cli脚手架。

（2）创建项目，在D盘的vuelist——>my-project下创建了一个demo项目

（3）运行项目,项目运行后打开浏览器，输入下面的网址

//安装依赖
npm install
//进入项目
cd demo
//运行项目
npm run dev

如图所示，出现下图的内容说明项目已经搭建成功。

项目建成后的demo文件目录

如果需要运行后自动打开浏览器的话，进入config目录中的index.js文件将autoOpenBrowser: false,的false改成true即可（默认打开的是你的默认浏览器）