vue项目中搭建脚手架

一、安装
1.安装nodejs（自带npm）
2.安装cnpm
命令窗口:npm install -g cnpm --registry=https://registry.npm.taobao.org;
3.全局安装webpack
命令窗口:npm install webpack –g;
4.安装vue-cli脚手架构建工具
命令窗口:npm install vue-cli –g;

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

3.安装项目依赖
命令窗口：npm install;
4.安装 vue 路由模块 vue-router 和网络请求模块 vue-resource;
命令窗口：npm install vue-router vue-resource --save；
5.vue脚手架构建的项目目录结构

三、启动项目测试安装是否成功
命令窗口：npm run dev;
看到如下画面说明安装成功，默认端口号是8080

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