GithubHelp home page GithubHelp logo

baiing-cli's Introduction

百应科技前端组开发工作流

环境依赖

Image Node

Image NPM或者 Image NPM

项目启动

  1. 安装依赖

    npm install 或者 yarn install
  1. 运行本地环境

    npm start 或者 yarn start
  1. 项目编译线上环境

    npm build 或者 yarn build

目录结构描述

.
├── README.md【帮助文档】
├── public【存放项目静态UI框架】
│   ├── favicon.ico
│   └── test.css
├── package.json
├── src
│   ├── assets【项目静态资源】
│   │   ├── fonts
│   │   │   ├── iconfont.eot
│   │   │   ├── iconfont.ttf
│   │   │   ├── iconfont.woff
│   │   │   └── iconfont.woff2
│   │   ├── images
│   │   │   ├── Loading.png
│   │   │   ├── iconfont.svg
│   │   │   ├── nodejs.svg
│   │   │   ├── npm.svg
│   │   │   └── yarn.svg
│   │   ├── medias
│   │   │   └── video.mp4
│   │   └── styles
│   │       ├── _global.scss【全局 sass 变量文件】
│   │       └── iconfont.css
│   ├── layout【公共头尾】
│   │   ├── footer.html
│   │   ├── header.html
│   │   └── init.js【初始化页面布局】
│   ├── model
│   │   ├── api.js【统一管理 API 接口地址】
│   │   └── http.js【封装 axios,添加拦截器以及错误处理】
│   ├── tools【项目各个工具函数存放文件夹】
│   │   └── loading.js
│   ├── view-model【页面逻辑处理层】
│   │   ├── HomeView.js
│   │   └── IndexView.js
│   └── views【视图层 (添加新页面请固定结构创建,子目录有webpack构建页面名称)】
│       ├── home
│       │   ├── index.html
│       │   ├── index.js
│       │   └── style.scss
│       └── index
│           ├── index.html
│           ├── index.js
│           └── style.scss
├── webpack【配置文件目录】
│   ├── webpack.base.conf.js【webpack 公共部分】
│   ├── webpack.dev.conf.js【开发环境独立部分--server对象下配置代理以及本地调试地址】
│   ├── webpack.prod.conf.js【编译环境独立部分】
│   └── webpack.watch.conf.js【性能分析配置】
├── .babelrc【webpack loader配置】
├── .gitignore【git 过滤文件配置】
└── yarn.lock

baiing-cli's People

Contributors

mote-ice avatar

Stargazers

 avatar  avatar

Watchers

 avatar

baiing-cli's Issues

几个问题请教下

css的背景图片如果换成比较大的图片,资源就会404,还有就是,有没有办法,HTML里面的src可以用正常的相对路径来写。

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.