Vue学习

Vue.js 安装

1、独立版本

我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。

https://vuejs.org/js/vue.min.js

2、使用 CDN 方法

以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。

• Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min.js

• unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。

• cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

CDN解释

CDN的全称是Content Delivery Network，即内容分发网络。

CND加速主要是加速静态资源，如网站上面上传的图片、媒体，以及引入的一些Js、css等文件。

CND加速需要依靠各个网络节点，例如100台CDN服务器分布在全国范围，从上海访问，会从最近的节点返回资源，这是核心。

阿里云CND快速入门地址：https://help.aliyun.com/document_detail/27112.html

3、NPM 方法

由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。

npm 版本需要大于 3.0，如果低于此版本需要升级它：

win+r 运行cmd打开命令提示符 检查当前node版本(先安装好node)

升级或安装 cnpm

npm install cnpm -g(-g 全局安装)

在用 Vue.js 构建大型应用时推荐使用 NPM 安装：

cnpm install vue

全局安装 vue-cli

cnpm install --global vue-cli

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

vue init webpach my-vue

中间一些配置 默认回车即可(狂敲回车就行) 中间可能会有些慢 稍微等待一下 或者敲下回车

完成后进入项目 初始化一下

启动项目 cnpm run dev

访问localhost:8080 第一个vue项目启动成功

注意：Vue.js 不支持 IE8 及其以下 IE 版本。