Code Monkey home page Code Monkey logo

node-vue-server-webpack's Introduction

使用node.js+Vue.js+webpack

用node当前端服务器和后台服务器通讯和渲染页面,使用vue,vue-server,vue-router来实现SPA应用.

解决了SPA应用的SEO缺点,访问的第一个页面,使用vue-server来服务端渲染.使用vue-router+webpack实现APP模块懒加载

这只是一个快速开发框架.

1.安装

npm install

2.typescript依赖安装 (需全局安装tsd)

tsd install

3.编译ts文件 (需全局安装tsc)

tsc

4.启动服务

node server 或 npm run dev

版本 V0.2.0

  • 删除多余文件
  • 服务端使用 async函数 获取API数据
  • babel 升级(5升6)

版本 V0.1.1

  • 增加env文件

版本 V0.1.0

  • 分环境webpack打包
  • 新增模块化css打包
  • 新增车型选择功能
  • 新增城市选择功能

版本 V0.0.8

  • 去除侧边栏 为单独一页
  • 新增 搜索页面
  • 新增 sui-picker指令

版本 V0.0.7

  • 去掉vue-resource使用zepto的ajax (兼容性原因)

版本 V0.0.6

  • 分离service层
  • 兼容微信浏览器中Promise.all保错 引入Q.js

版本 V0.0.5

新增侧边栏,登陆页面,localStorage缓存

版本 V0.0.4

仿网易新闻操作方式(安卓微信中有少许BUG)

node-vue-server-webpack's People

Contributors

yjj5855 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.