vue如何搭建脚手架

一、安装nodejs（自带npm）
// 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
// 全局安装webpack
npm install webpack –g
如果遇到以下提示，请执行命令： npm install --g webpack-cli 继续安装，然后再次输入 webpack -v 后，即可看到版本

// 安装vue-cli脚手架构建工具
npm install vue-cli –g
二、**使用vue-cli构建项目 **
// 准备一个文件夹作为你的工作空间（以后的每个项目都在文件夹下）
如：e:\workspace
// 安装vue脚手架 在工作空间的目录下运行 vue init webpack 项目名称

// 安装项目依赖
npm install
// 安装 vue 路由模块 vue-router 和网络请求模块 vue-resource
npm install vue-router vue-resource --save
三、**vue脚手架构建的项目目录结构 **
四、**启动项目测试安装是否成功 **
// 启动项目测试安装是否成功
npm run dev
若：看到如下画面，说明成功启动，默认端口号是8080

// 运行
在地址栏中输入http://localhost:706/# 看到右图,说明成功了，恭喜您，亲