Giter Club home page Giter Club logo

porter-ui's Introduction

Porter UI

开发

UI构建自yarn.

获取代码

拉取porter-ui分支代码并进入porter-ui目录

 git clone https://github.com/sxfad/porter-ui.git
 cd porter-ui

安装yarn环境依赖

安装流程移步安装步骤

运行porter-ui

api接口地址配置

通过api-config.js修改dev、test、rc、production环境下manager-boot的接口地址

module.exports = {
	api:'/api/manager',
}

dev环境下的开发模式

无需打包静态页面，部署静态代理。http proxy 默认端口是8080,详见package.json关于scripts->dev的配置。

    yarn & yarn run dev

命令

命令 描述
yarn run dev 开发模式
yarn run build 打包静态页面
环境变量 描述
cross-env API=接口地址 优先级高于api-config.js配置的接口地址
cross-env OUTPUT=目录 打包后静态页面输出位置
cross-env HTTP_PORT=端口号 优先级高于package.json 开发模式http server端口号

打包

运行打包命令后，静态页面会被默认输出到public目录下:

 yarn & yarn run build

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.