一：Vue项目构建

第一步：须要安装nodeJS的环境，直接去官网下载https://nodejs.org/en/，下载下来按照提示一步步的安装。（vue.js是一个Js 框架。在node里面经过Npm 安装，是为了方便进行模块化管理。）

安装完成后在cmd中输入：node –v，可检测安装的nodejs版本，以下图

 

 

 

第二步：基于nodejs，利用淘宝镜像安装相关依赖(咱们这里使用国内的淘宝镜像)

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

若是安装失败，能够使用 npm cache clean  清理缓存，而后再从新安装

安装成功后可经过：cnpm  –v检验，以下图

 

 

 

第三步：安装全局vue-li脚手架和 webpack

在命令行中输入：cnpm  install -g vue-cli

安装完成后可经过vue –V(注意大写) 查看是否安装成功。

 

 

第四步：构建项目

下面咱们来构建一个项目保存在E盘的vue文件夹中。

首先cd  到指定文件，经过命令vue init webpack  项目名  来构建项目

而后在相对应的选项上选择是或者不是

构建成功后咱们就能够看到E盘目录vue文件中的deom项目目录了

 

 

 

第五步：运行项目

cd 到项目中，经过命令npm run dev 咱们就能够经过http://localhost:8080(注意端口号是否被占用)把项目跑起来了.