关于vue的安装

一.安装node.js
安装地址：https://nodejs.org/en/download/(参考安装步骤：http://www.runoob.com/nodejs/nodejs-install-setup.html)

安装后检查命令板里自己检测是否成功：运行cmd ,输入代码： node -v 如图：会打印出版本号

 

二.vue的安装

1.安装淘宝镜像（也可以不安装，不安装的话安装插件的下载速度回比较慢）；

 在cmd中输入命令：npm install -g cnpm --registry=http://registry.npm.taobao.org  

检查是否安装成功，在cmd中输入命令：cnpm -v (由于我是没有安装淘宝镜像的，所以输入的是npm -v)，输入后回车会打印出版本号。

 

 2.全局安装，输入命令：npm install --global vue-cli

3.检查vue是否安装成功，输入命令 vue，如图：

 

三.创建项目

1.新建空文件夹（我是新建在D盘里面的，所以在cmd中要先cd出来，在cd到指定文件夹下面）如图：

 

 2.在cmd中输入vue init webpack，如图

 

安装完成后你的文件夹中就会有这些东西：

 

 

3.在cmd中输入npm install

4.运行项目，在cmd中输入vue run dev （如图）：

 

在浏览器中显示出这样就算安装完成了：