项目作者: havefive

项目描述 :
vue-cli + vue-router + element-ui + axios, enjoy Vue!
高级语言: JavaScript
项目地址: git://github.com/havefive/vue-tmpl.git
创建时间: 2016-12-03T02:04:47Z
项目社区:https://github.com/havefive/vue-tmpl

开源协议:

下载


vue-tmpl

vue-cli + vue-router + element-ui + axios,enjoy Vue!

如何快速搭建一个vue项目?这里提供一种方案,基于vue-cli,加入了路由管理vue-router,ui加入饿了么前端库(也可以使用vue-material),ajax采用最近热门的axios,module使用参考各自的readme,很简单,很快速进行开发……^_^



步骤 Steps:

全局安装vue-cli Install vue-cli

  1. $ npm install -g vue-cli

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

新建一个项目 Init one project

  1. vue init webpack vue-tmpl
  2. cd vue-tmpl
  3. npm install

安装模块 Add modules(router:vue-router,UI:element-ui,Ajax/Data:axios)

  1. npm install vue-router element-ui axios --save

编辑入口文件 Edit main.js,config router,add page as usual way

  1. // code as you wish

开始开发 Start dev ,打开浏览器 open browser http://localhost:8080

  1. npm run dev

生成上线文件 Build product,will be found at ‘dist’ folder

  1. npm run build