Quantcast
Channel: CNode:Node.js专业中文社区
Viewing all articles
Browse latest Browse all 14821

新手入门:vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端项目

$
0
0

vue-spa-project

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

技术栈

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

Webpack(自动构建)

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

Viewing all articles
Browse latest Browse all 14821

Trending Articles