Vue安装教程

一、下载并安装node.js

网址：https://nodejs.org/en/

我选的是左边这个。下载下来，安装即可。

安装之后，打开cmd，输入命令node -v，可以看到版本号：

 

二、安装npm

打开cmd，此处选择淘宝NPM镜像下载安装。

输入命令：npm install -g cnpm  --registry=https://registry.npm.taobao.org。

-g是全局安装。

输入npm -v：

 

三、vue-cli安装

输入命令：cnpm install -g vue-cli

查看vue信息：

 

四、创建项目

创建一个文件夹，例如Vue文件夹（在哪里都可以，这是用来存放你的项目的文件夹）用cmd命令进入此文件夹目录：

输入命令：vue init webpack my-vue（my-vue是你的项目名）

会让你填写项目名称、描述、作者等信息，我电脑没电了，忘记截图了，从网上找了一张别人的截图，大概就是这个样子：

可以发现在你创建的Vue文件夹中多了一个文件夹：

接下来依次执行“To get started”中的三个命令：

输入命令：cd my-vue

输入命令：npm install，my-vue文件夹中多了node_modules文件夹。

输入命令：npm run dev

 

打开浏览器，输入http://localhost:8080，可以看到：