使用NPM安装Vue项目

使用NPM安装Vue项目步骤以下：

1、先安装node.js，下载node.js安装包，node.js安装成功以后，左击电脑左下角>运行>输入cmd，以下图所示：

　　　

2、点击肯定进入，分别在命令行工具中输入指令node -v以及npm -v 查看node.js以及npm的版本，若是出现版本说明安装成功了；以下图所示：

　　

 3、都准备好以后，经过查看vue官网的安装教程，咱们开始正式的安装项目：

　　一、咱们能够直接全局安装 vue-cli，输入 npm install --global vue-cli，可是这种安装方式比较慢，咱们能够先安装cnpm，而后用 cnpm install -g vue-cli 来代替，以下所示：

　　　　

　　二、输入vue -V 查看vue是否安装成功，也可使用一样的方法（cnpm -v）查看cnpm是否安装成功；出现下图，说明vue安装成功了，若是提示“没法识别 'vue' ” ，有多是 npm 版本太低，可使用 npm install -g npm 来更新版本；

　　　　

　　三、建立一个基于 webpack 模板的新项目到指定目录，输入 vue init webpack my-project 

　　　　

　　四、安装成功后，在指定安装的目录下已经生产了一个vue项目，以下所示：

            

　　五、最后一步，进入咱们的文件，生成并打开咱们建立的项目，在浏览器输入下面的连接项目就出来了，以下图：