Vue学习之--安装(npm方法)

在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件

---

前言

首先，先列出我们接下来需要的东西：

node.js环境（npm包管理器）
vue-cli 脚手架构建工具
cnpm npm的淘宝镜像

---

提示：以下是本篇文章正文内容

一、安装node.js

从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了，安装完之后,输入node -v 命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。

代码如下（示例）：

npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息。

代码如下（示例）：

到目前为止，node的环境已经安装完成，npm 包管理器也有了，由于有些npm资源被屏蔽或者是国外资源的原因，经常会导致npm安装依赖包的时候失败，所以我们还需要npm的国内镜像----cnpm

二、安装cnpm

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org ，然后等待，没报错表示安装成功

代码如下（示例）：

完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网

三、安装vue 脚手架构建工具

在命令行中运行命令，最新稳定版 npm install -g @vue/cli，然后等待安装完成。

是否安装成功：vue -V

总结

通过以上三部，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目

我的小程序二维码