Coder Social home page Coder Social logo

protoshop-web's Introduction

Protoshop Web

The WebApp for Protoshop

此项目是 Protoshop 的组成部分,负责在浏览器中创建原型。需要搭配服务器端使用。生成的项目可在移动终端查看(iOS/Android)。

Protoshop 项目运行在 protoshop.io 上。

本地预览

按下文安装完开发工具依赖之后,在 webapp 目录下执行命令 gulp server 即可启动本地服务器,预览项目。

开发工具依赖

克隆版本库之后,在本地安装如下依赖软件包:

  1. Node.js & npm (http://nodejs.org/download/)
  2. Bower (http://bower.io/)
  3. Gulp (http://gulpjs.com/)

初始化本地开发环境

在项目目录下执行命令:

  1. npm install —— 安装 node 模组
  2. bower install —— 加载第三方库
  3. gulp server —— 启动本地服务器

部署(Ctrip内部使用)

执行命令 gulp dist —— 发布 WebApp 界面代码到 Beta 服务器

开发规范

  • HTML、CSS代码使用tab作为缩进符,JavaScript代码使用2个空格作为缩进符
  • 代码推送到服务器仓库之前要做的事情:
    1. 本地运行gulp lint命令,执行代码规范检查
    2. 本地运行gulp server命令,检查应用运行功能完整、控制台无报错(如无后续用途,控制台输出的调试信息也要清理)
      之后即可推送到服务器仓库。
  • 代码部署到应用服务器之前要做的事情:
    1. 部署之前要检查编译压缩后的应用是否功能完整、控制台无报错无调试记录

protoshop-web's People

Contributors

amio avatar liuyanghejerry avatar lilyxue avatar sensualgirl avatar hongliyu avatar lvwzhen avatar

Watchers

James Cloos avatar Michael Zhou 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.