*Vue详细安装教程-----如何将Vue安装到你的工作区

Vue的详细安装教程

1.安装Vue所需基本插件及环境（若已安装可跳过）

（带*表示非必要内容）

1.	npm -----NPM是随同NodeJS一起安装的包管理工具。关于 npm的介绍及使用详细说明我会在其他文章详解。
2.	cnpm-----淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装。关于cnpm的介绍使用及安装我会在其他文章详解。

2.什么是VUE？

Vue.js是一套构建用户界面的渐进式框架。目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。vue在前端技术中使用越来越多，也成为了主流框架。

3.安装

三种导入方式

1. 在Vue.js官网下载独立版本文件并通过<script>标签引入你的vue.js的存放路径。
2. 通过智能虚拟网络地址下载vue.js源代码

• Staticfile CDN（国内） https://cdn.staticfile.org/vue/2.2.2/vue.min.js
  
• unpkg
  https://unpkg.com/vue/dist/vue.js
• cdnjs https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
  两种使用方式
  1）直接将以上地址放入<script src="">标签的src属性内。
  2）下载源代码下载至本地创建自己的vue.js文件并引入。

3. 通过npm或者cnpm（淘宝镜像安装会比较快）安装vue

详细步骤

• 1.初始化默认配置文件package.json（方便看已安装的插件有哪些以及插件的版本）
• 2.在控制台输入代码通过cnpm(或npm)本地安装vue

cnpm i vue --save

自动下载vue并默认安装到node_modules内vue插件包，vue.js文件默认存储在插件包目录下/dist/vue.js
此时package.json里dependencies对象内多了vue的版本
如果为了方便可以将整个dist文件夹提到根目录方便路径读取

• 3.第三步跟前两种导入方式一样通过<script src=''>标签引入dist文件夹内的vue.js即可导入。