Setup Semantic UI Development

  1. Install Node js (vers. node-v5.5.0-x64)
  2. Go to project folder (myproject/)
  3. Start command prompt
  4. $ npm init
  5. $ npm install gulp –g –save
  6. $npm install semantic-ui –save
    1. Choose Automatic or Express installation
    2. If Express – then choose paths
    3. Set semantic/ and dist/ path
  7. Get inside /semantic/ dir
  8. $ gulp build
  9. $ gulp watch – to watch files

Gulp commands:

Command Description
install Asks install questions to setup semantic.json
watch (default) Watches for changes in source files, and builds file on change
build Build all files
clean Cleans dist/ folder
version Outputs current version
build-javascript Build JS files
build-css Build CSS files
build-assets Build assets files
serve-docs Serves files to local docs instance
build-docs Builds files to docs folder

Theming :

Customize files inside src/site/globals/*

References:

 

 


Posted

in

by