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
至此简单的一个项目构建完毕。