Vue2.0 搭建Vue+ webpack脚手架

介绍

Vue.js是一套构建用户界面的渐进式框架，只关注页面视图，采用自底向上增量开发的设计。目的是尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

安装

vue不支持IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容ECMAScript 5的浏览器。

node是必须的，需要先安装好node

全局查询node -v：

安装vue 

npm install vue

安装vue-cli 脚手架构建工具

npm  install vue-cli --global

全局查询vue -V：

创建基于webpack模板的项目

vue init webpack my-project

运行初始化命令的时候回让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。

注：项目名不能大写和特殊字符，不然运行会报错

cd 命令进入创建的工程目录；安装项目依赖：npm install；安装 vue 路由模块 vue-router 和网络请求模块 vue-resource，输入：cnpm install vue-router vue-resource --save-dev。

安装完成目录:

启动项目

在项目目录输入：npm run dev 或者 npm run start 。服务启动成功后浏览器在输入 localhost：8080 打开一个“欢迎页面”。默认端口是8080，如果需要修改端口可以在项目中config > index.js中找到port：8080 直接修改端口就可以了

在项目目录输入：npm run build 构建生成项目

默认构建文件目录为 dist

路由配置在src>router> index.js

至此简单的一个项目构建完毕。