Code Monkey home page Code Monkey logo

woowahan-cli's Introduction

wooowahan-cli

Woowahan.js의 command line utility 입니다.

woowahan-cli를 사용하기 위해서는 nodejs, npm 이 설치되어있어야 합니다.

구성요소

  • WoowahanJS
  • Webpack
  • Babel

설치

전역

npm install -g woowahan-cli

Woowahan-cli 사용법

명령문 구조

woowahan-cli <command> <option>

1. new

'YourAppName' 의 신규 App 생성

woowahan-cli new YourAppName

2. init

기존에 폴더가 존재하는 경우 해당 폴더를 대상으로 Woowahan App 생성

mkdir yourFolder
cd yourFolder
woowahan-cli init YourAppName
프로젝트 생성시 기본구조 (new, init)
App
|- node_modules
|- actions
	  |-- index.js
|- assets
		|-- css
  			|-- default.scss
|- layouts
	  |-- default.js
	  `-- default.hbs
|- reducers
	  |-- idnex.js
	  |-- posts.js
	  |-- toolbox.js
|- views
	  |-- home
	  		|-- index.js
	  		`-- index.hbs
	  |-- posts
	  		|-- row-items		  
	  		|		|-- index.js
	  		|		`-- index.hbs
	  		|-- index.js
	  		`-- index.hbs		  
|-- index.html
|-- main.js
|- .babelrc
|- README.md
|- package.json
|- webpack.config.js

로컬 테스트

woowahan-cli new YourAppName
cd YourAppName
npm run dev

http://localhost:8080 에서 확인 가능합니다.

빌드

woowahan-cli new YourAppName
cd YourAppName
npm run build

빌드된 파일은 dist 폴더에 생성됩니다.

App
|- dist
	  |-- bundle.js
	  |-- css
	  		|-- default.css
	  |-- index.html
|- node_modules
|- actions
	  |-- index.js
|- assets
		|-- css
  			|-- default.scss
|- layouts
	  |-- default.js
	  `-- default.hbs
|- reducers
	  |-- idnex.js
	  |-- posts.js
	  |-- toolbox.js
|- views
	  |-- home
	  		|-- index.js
	  		`-- index.hbs
	  |-- posts
	  		|-- row-items		  
	  		|		|-- index.js
	  		|		`-- index.hbs
	  		|-- index.js
	  		`-- index.hbs		  
|-- index.html
|-- main.js
|- .babelrc
|- README.md
|- package.json
|- webpack.config.js

생성된 파일을 확인하기 위해서는 로컬서버를 통해서 확인가능합니다. 간단한 서버를 위해서 'http-server' 를 다운받습니다.

npm install -g http-server
cd dist
http-server

http://localhost:8080 에서 빌드된 파일을 확인 가능합니다.

로컬세팅

git clone https://github.com/woowabros/woowahan-cli.git
cd woowahan-cli
npm link

로컬상태에서 woowahan-cli를 사용하실 수 있습니다.

woowahan-cli's People

Contributors

ibare avatar jihyounglee avatar sungyublee avatar woowa avatar

Watchers

 avatar

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.