vue介绍及安装使用

vue是什么？ 

是一套用于构建用户界面的渐进式框架。只关注视图层，采用自底向上增量开发的设计。

vue的安装使用

1.可以按传统的引用方式使用，直接去官网下载vue.min.js，通过<script>方式引入。或者引用官网地址如：

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
或
!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

 2.可以使用npm安装

   npm安装前提：需要预装node.js环境。

  什么是node.js？

  简单理解：它是是运行在服务器端的javascript。

  为什么要安装node.js？

  简单理解：因为我们的vue文件后缀是.vue，浏览器并不认识这种格式，所以就需要Node.js把我们的vue文件编译成浏览器可识别的语言。

   node.js怎么安装？

   去node.js官网下载：https://nodejs.org/en/。下载后一键安装，安装成功后可打开命令窗口  cmd--->node -v  ，查看它的版本号。顺便可以查看一下npm的版本，因为node里自带npm包管理器，可查看npm包的版本号，命令为  npm-v 。

 npm是node内置的资源管理器，因为它的大部分资源在国外，如果遇到网速不好，或者跨境请求，有可能包下不下来。会导致项目无法运行，所以可以安装npm镜像。推荐以下两个镜像：

（1）淘宝npm镜像：

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

（2）cnpmjs镜像：

http://r.cnpmjs.org/

安装好镜像后，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm，因为cnpm 能很好地和 Webpack 或 Browserify 模块打包器配合。

最后就可以使用用 cnpm 命令来安装模块了：

$ cnpm install <Module Name>

npm安装 Node.js 模块语法格式如下：

$ npm install <Module Name>    #本地安装

也可以使用全局安装如下：

npm install <Module Name> -g   # 全局安装

本地安装

（1） 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。

（2）可以通过 require() 来引入本地安装的包。

全局安装

（1）将安装包放在 /usr/local 下或者你 node 的安装目录。

（2）可以直接在命令行里使用。