GithubHelp home page GithubHelp logo

EM-FE

基于 VUE2 的 UI 库

em-fe NPM downloads Package Quality NPM downloads

结构

.
├── build/                      # webpack 配置文件
│   └── ...
├── examples/
│   ├── esm/                    # 开发运行的例子,里面会调用封装好的组件
│   │   ├── components          # 业务级组件部分
│   └── iife/                   # 打包之后文件夹运行即可看到例子
│   │   └── ...
├── src/
│   ├── components/             # emfe组件部分
│   │   └── ...
│   ├── styles/                 # emfe的scss文件部分
│   │   ├── mixin               # 公共方法代码块的封装
│   │   ├── config.scss         # 公共变量的配置
│   │   ├── emfe.scss           # 所有样式的主入口
│   │   ├── reset.scss          # 清除默认样式
│   │   └── ...
│   └── tools/                  # 工具方法部分
│   │   └── ...
│   ├── contant.js              # js常量部分
│   └── index.js                # 全局注册组件,将组件引入,并添加到emfe对象中
├── .babelrc                    # Babel 配置
├── .eslintignore               # 如果您不想被 Eslint 检测,那么请您在这里把它加上
├── .eslintrc.js                # Eslint 配置
├── .gitattributes              # git的相关配置
├── .gitignore                  # 如果您不想被 Git 控制,那么请您在这里把它加上
├── .stylelintignore            # 不被 Stylelint 检查
├── .stylelintrc                # Stylelint 配置
└── package.json                # 启动项目的命令和依赖包等信息聚集地

命令

npm install 安装依赖包

npm start 开发环境

  1. 热重载
  2. vue 编译

npm run build 打包

  1. js 打包
  2. scss 打包

看效果

  1. 确定安装完依赖npm install之后,运行npm start,会自动调到[http://localhost:8081]

  2. 确定安装完依赖npm install之后,运行npm run build,手动打开examples/iife/index.html

两者区别,一个是开发环境,一个是生产环境。

CDN

EM-FE's Projects

header icon header

所有 B 端头部, 该仓库停更!!

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.