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(推荐)。
- 安装NVMNVM:node.js version manager,用来管理 node 的版本。安装的步骤如下:
从 https://github.com/coreybutler/nvm-windows/releases 下载nvm-noinstall.zip文件,解压安装再设置环境变量即可。 - 安装Node.js及npm已经配置好的nvm环境变量,现在开始利用nvm安装node.js,首先在cmd命令行中执行nvm install lastest,此时即可下载最新版本的Node.js。下载完毕后,便可以使用Node.js了,也可以使用npm了。安装过程可以参考:https://www.cnblogs.com/shanefe/p/7859539.html
- 设置npm镜像考虑到网速问题,在中国大陆使用npm,建议采用国内镜像。方法有两种,1、修改npm源为国内镜像,2、启用具有国内镜像源的cnpm命令。淘宝NPM镜像。安装完成后,除了速度之外,cnpm与npm具有相同的功能。
设置方法还可以参考:https://www.cnblogs.com/yoyotl/p/7826255.html
2.2 使用NPM安装VUE-CLI
在cmd中执行命令:cnpm install @vue/cli,即可安装CUE-CLI。