Vue学习笔记01_环境搭建

1.0 VUE的使用

1.1 直接用 <script> 引入VUE

从CDN网站 https://www.bootcdn.cn/vue/ 中，复制<script>标签，将其粘贴到*.html文件中，即可直接使用。

1.2 经过npm安装VUE

NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发VUE单文件组件。在cmd中执行命令：npm install vue，至于如何安装NPM，在下文中予以介绍。

2.0 VUE-CLI的安装

2.1 使用NVM安装Node.js

安装及使用VUE-CLI能够不依赖与Node.js，但考虑到，两者的安装具备必定的关联性，而且我学习的时候用到了Node.js，这里就一并介绍。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js使用了一个事件驱动、非阻塞式I/O的模型（ Node.js的特性），使其轻量级又高效。 Node.js 的包管理器 nmp 是全球最大的开源库生态系统。
安装Node.js既能够经过从Node.js官网直接下载的方式安装（不推荐），也能够经过 NVM 安装Node.js（推荐）。

• 安装NVM NVM：node.js version manager，用来管理 node 的版本。安装的步骤以下：
  从 https://github.com/coreybutler/nvm-windows/releases 下载nvm-setup.zip文件，解压安装再设置环境变量便可。
• 安装Node.js及npm 已经配置好的nvm环境变量，如今开始利用nvm安装node.js，首先在cmd命令行中执行nvm install latest，此时便可下载最新版本的Node.js。下载完毕后，即可以使用Node.js了，也能够使用npm了。 安装过程能够参考：https://www.cnblogs.com/shanefe/p/7859539.html
• 设置npm镜像 考虑到网速问题，在中国大陆使用npm，建议采用国内镜像。方法有两种，一、修改npm源为国内镜像，二、启用具备国内镜像源的cnpm命令。淘宝NPM镜像。安装完成后，除了速度以外，cnpm与npm具备相同的功能。
  设置方法还能够参考：http://www.javashuo.com/article/p-udvufhct-t.html

2.2 使用NPM安装VUE-CLI

在cmd中执行命令：cnpm install -g @vue/cli，便可安装CUE-CLI。