Skip to content

vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践

Notifications You must be signed in to change notification settings

xiaoping6688/vue-spa-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
xiaoping
Oct 13, 2017
2e4a884 · Oct 13, 2017

History

24 Commits
Jul 19, 2017
Mar 14, 2017
Mar 14, 2017
Jul 19, 2017
Feb 21, 2017
Jul 19, 2017
Jul 19, 2017
Feb 17, 2017
Feb 17, 2017
Mar 14, 2017
Jul 19, 2017
Jul 19, 2017
Aug 2, 2017
Feb 17, 2017
Jul 19, 2017
Oct 13, 2017

Repository files navigation

vue-spa-project

基于vue.js技术栈,采用MVC等分层结构设计、数据解耦设计、组件化和自动化构建的单页应用项目。

技术栈

  • vue.js(2.4)
  • vuex(状态管理)
  • vue-router(前端路由,异步加载)
  • fetch(替代ajax,更高效地进行网络请求)
  • element-ui(基于vue的PC端UI组件库)

Webpack(自动构建)

  • Babel预编译(ES6、SCSS等),和异步组件实现路由懒加载
  • ESlint代码质量控制,所有代码编写必须按照标准规范才能通过编译,并避免一些低级错误
  • 本地开发服务器会监听文件修改,自动编译和刷新浏览器
  • 前端mock数据,无需等待后端接口实现
  • 测试服务器自动部署deploy(需要在服务器上启动一个node写的接收脚本: file-receiver

如果需要服务端渲染(SSR),推荐使用:NUXT

Build Setup

# install dependencies (use cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org)
cnpm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run all tests for unit test and e2e test
npm test

# check update for npm packages, please install 'npm install npm-check-updates -g' at first
npm run update

image

About

vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages