https://github.com/huangguozhen/molmc-extension
Serial & USB Communication App
https://github.com/huangguozhen/molmc-extension
Last synced: about 2 months ago
JSON representation
Serial & USB Communication App
- Host: GitHub
- URL: https://github.com/huangguozhen/molmc-extension
- Owner: huangguozhen
- License: mit
- Created: 2016-04-13T09:18:30.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2016-05-26T07:17:45.000Z (almost 9 years ago)
- Last Synced: 2025-01-23T16:12:44.250Z (3 months ago)
- Language: JavaScript
- Size: 181 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# molmc-extension [](https://travis-ci.org/huangguozhen/molmc-extension)
```bash
git clone https://github.com/huangguozhen/molmc-extension.git MyApp
cd MyApp
npm install
npm start
```
Features | Tools Used
------ | -----
**CSS** | [Sass](http://sass-lang.com/) ([Libsass](http://sass-lang.com/libsass) via [node-sass](https://github.com/sass/node-sass)), [Autoprefixer](https://github.com/postcss/autoprefixer), [CSSNano](https://github.com/ben-eb/cssnano), Source Maps
**JavaScript** | [Babel](http://babeljs.io/), [Webpack](http://webpack.github.io/)
**HTML** | [Nunjucks](https://mozilla.github.io/nunjucks/), [gulp-data](https://github.com/colynb/gulp-data), or bring your own
**Images** | Compression with [imagemin](https://www.npmjs.com/package/gulp-imagemin)
**Icons** | Auto-generated [SVG Sprites](https://github.com/w0rm/gulp-svgstore) and/or [Icon Fonts](https://www.npmjs.com/package/gulp-iconfont)
**Fonts** | Folder and `.sass` mixin for including WebFonts
**Live Updating** | [BrowserSync](http://www.browsersync.io/), [Webpack Dev Middleware](https://github.com/webpack/webpack-dev-middleware), [Webpack Hot Middleware](https://github.com/glenjamin/webpack-hot-middleware)
**Production Builds** | JS and CSS are [uglified](https://github.com/terinjokes/gulp-uglify) and [minified](http://cssnano.co/), [filename md5 hashing (reving)](https://github.com/sindresorhus/gulp-rev), [file size reporting](https://github.com/jaysalvat/gulp-sizereport), local production [Express](http://expressjs.com/) server for testing builds.
**JS Testing** | [Karma](http://karma-runner.github.io/0.12/index.html), [Mocha](http://mochajs.org/), [Chai](http://chaijs.com/), and [Sinon](http://sinonjs.org/), Example [Travis CI](https://travis-ci.org/) integration
**Deployment** | Quickly deploy `public` folder to gh-pages with [`gulp-gh-pages`](https://github.com/shinnn/gulp-gh-pages)
## Usage
Make sure Node installed. I recommend using [NVM](https://github.com/creationix/nvm) to manage versions.
This has been tested on Node `0.12.x` - `5.9.0`, and should work on newer versions as well. [File an issue](https://github.com/huangguozhen/molmc-extension/issues) if it doesn't!
#### Install Dependencies
```bash
npm install
```
#### Run devlopment tasks:
```
npm start
```
Aliases: `npm run gulp`, `npm run development`
This is where the magic happens. The perfect front-end workflow. This runs the default gulp task, which starts compiling, watching, and live updating all our files as we change them. BrowserSync will start a server on port 3000, or do whatever you've configured it to do. You'll be able to see live changes in all connected browsers. Don't forget about the additional BrowserSync tools available on port 3001!
Why run this as an npm script? NPM scripts add ./node_modules/bin to the path when run, using the packages version installed with this project, rather than a globally installed ones. Never `npm install -g` and get into mis-matched version issues again. These scripts are defined in the `scripts` property of `package.json`.
#### Run in tests in watch mode:
```bash
npm run test:watch
```
#### Run tests once:
```bash
npm run test
```
#### Build production files:
```bash
npm run production
```