GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Selvin11 → Vue Express Webpack Gulp

Selvin11 / Vue Express Webpack Gulp

Licence: mit
使用Vue，Express，Webpack，gulp搭建的自动化电影库项目

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

expressvue2gulpwebpack2vue-router2

Projects that are alternatives of or similar to Vue Express Webpack Gulp

Login
Vue + Vue-router + Vuex 实现前端页面及逻辑，Express 实现注册登录登出的RestFul API 。
Stars: ✭ 246 (+485.71%)
Mutual labels:  gulp, webpack2, express, vue2, vue-router2
Vue Fullstack
vue fullstack template
Stars: ✭ 297 (+607.14%)
Mutual labels:  express, vue2, vue-router2
Vue2 Web
酷我音乐—vue2、vue-router2、webpack2框架
Stars: ✭ 54 (+28.57%)
Mutual labels:  webpack2, vue2, vue-router2
Magicmusic
🎵帅气的手机端音乐播放器（vue vue-router vuex flex ...）
Stars: ✭ 350 (+733.33%)
Mutual labels:  webpack2, vue2, vue-router2
Vue Admin Element
(Vue2 演示项目)物业后台管理系统 - ElementUI ( 基本结构已完成, 剩下的就是具体业务开发; 如有疑问请留言 )
Stars: ✭ 73 (+73.81%)
Mutual labels:  webpack2, vue2, vue-router2
Easy Vue
Learn vueJS Easily 👻
Stars: ✭ 896 (+2033.33%)
Mutual labels:  webpack2, vue2, vue-router2
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+1950%)
Mutual labels:  webpack2, express, vue2
Vue2 Vue Router2 Webpack2
《从零搭建 vue2 vue-router2 webpack4 工程》《从零搭建 vue2 vue-router2 webpack3 工程》《搭建 vue2 vue-router2 webpack3 多入口工程》
Stars: ✭ 90 (+114.29%)
Mutual labels:  webpack2, vue2, vue-router2
M Eleme
饿了么移动端单页应用
Stars: ✭ 99 (+135.71%)
Mutual labels:  webpack2, vue2, vue-router2
react-flux-gulp-starter
A universal boilerplate for building React/Flux apps using Gulp and ES6.
Stars: ✭ 46 (+9.52%)
Mutual labels:  gulp, webpack2
Video.github.io
🎬视频网站项目已实现功能： 首页导航栏，中部轮播图，以及电影列表的展现，底部导航链接 注册页面 视频播放页面 搜索页面 登录页面 用户管理页面 一键安装 电影抓取 等功能。基于NodeJS的Express框架开发的动态网站项目，下面也提供了本程序的相关演示站点。
Stars: ✭ 413 (+883.33%)
Mutual labels:  gulp, express
Vue2 blog
使用vue2.x + vue-cli +vue-router+ vuex + axios + mysql + express + pm2 + webpack+nginx构建的具有登录，注册，留言，用户发帖，用户评论等功能的SPA Blog。注意，注意，注意，后端API全部自己手写，很适合刚学习vue以及express的小伙伴学习，喜欢请Star鼓励一下我，谢谢！项目预览：
Stars: ✭ 417 (+892.86%)
Mutual labels:  express, vue2
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (+1128.57%)
Mutual labels:  webpack2, vue2
Fans
这是一个app(android/iOS)项目，但页面视图全部都用的是html5页，没有使用app的原生页面。 前端h5是基于mui + vue2 + vue-router2 + es6 + webpack2 + vuex + signalR 的前端webApp单页项目框架，项目可以直接在PC上运行html5页面。 app打包技术是用HBuilder IDE工具一键打包成APP。
Stars: ✭ 416 (+890.48%)
Mutual labels:  webpack2, vue2
vue-crumbs
a simple and useful breadcrumb for Vue2.js
Stars: ✭ 16 (-61.9%)
Mutual labels:  vue2, vue-router2
Kickoff
🏀 A lightweight front-end framework for creating scalable, responsive sites. Version 8 has just been released!
Stars: ✭ 465 (+1007.14%)
Mutual labels:  gulp, webpack2
vue-contacts
通讯录web版，实现的功能有联系人的增删查改，联系人的分组，联系人信息的导入导出
Stars: ✭ 16 (-61.9%)
Mutual labels:  webpack2, vue-router2
Meantorrent
meanTorrent - MEAN.JS BitTorrent Private Tracker - Full-Stack JavaScript Using MongoDB, Express, AngularJS, and Node.js, A BitTorrent Private Tracker CMS with Multilingual, and IRC announce support, CloudFlare support. Demo at:
Stars: ✭ 438 (+942.86%)
Mutual labels:  gulp, express
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+1295.24%)
Mutual labels:  webpack2, vue2
Express
Express + Sequelize + Winston + Jasmine + TypeScript + Webpack MVC Boilerplate
Stars: ✭ 9 (-78.57%)
Mutual labels:  webpack2, express
View All Similar Projects ➔

项目介绍

  • 采用vue-cli 构建初始项目目录
  • 使用vue、vue-router、express、webpack、gulp、Element-ui构建项目开发环境
  • 前端采用Vue、Element-ui搭建页面以及数据处理，后端采用express完成增删改查的restful API
  • 页面为电影列表页以及电影详情页

目录及文件的改动，均含详细备注

  1. config/index.js 中设置了请求端口代理，能够跨域访问服务器端口（8080 => 3000）
  2. server 主要是服务端的路由以，api接口，mongodb的配置操作
  3. src 为vue应用的主要文件，包含路由，component...
  4. gulpfile.js 增加服务器重启和浏览器刷新任务
  5. server.js 服务端启动文件

操作指令

npm install 安装依赖

npm run dev 使用webpack开启前端资源的打包编译

npm run data  从豆瓣获取几条源数据

npm run server  启动服务端并开启浏览器

这里需要双开两个命令行窗口，一个负责前端的编译，一个负责服务端的任务流

环境搭建的详细解决思路

前端热更新，后端服务重启，浏览器自动刷新

项目一览

  • 电影列表页

电影列表页

  • 电影详情编辑

  • 电影详情页

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].