Bulma CSS Framework Customize with PHPStorm

웹팁

글 등록하기 | 내글 관리하기 | 연재글 | 보관함

2018.08.27 22:18 조회 수

340

이온디

첨부파일 https://imweb.eond.com/coding/408158

Bulma CSS Framework

http://bulma.io

https://bulma.io/documentation/customize/with-node-sass/

https://github.com/jgthms/bulma

https://bulma.io/documentation/customize/with-node-sass/

Node.js

https://www.npmjs.com

https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-18-04

https://docs.npmjs.com/cli/update

https://github.com/visionmedia/debug/issues/261

https://zetawiki.com/wiki/우분투_node.js_설치

https://www.jetbrains.com/help/phpstorm/transpiling-sass-less-and-scss-to-css.html

https://nodejs.org/ko/download/package-manager/

PHPStorm File-Watchers Settings

https://www.jetbrains.com/help/phpstorm/using-file-watchers.html

https://intellij-support.jetbrains.com/hc/en-us/community/posts/207032785-How-to-setup-Filewatcher-with-node-sass-

https://intellij-support.jetbrains.com/hc/en-us/community/posts/207038005-SCSS-file-watcher-output-directory

Arguments: $FileName$ $FileNameWithoutExtension$.css

Working directory: $FileDir$

Output Paths: $FileNameWithoutExtension$.css

another Setting)

--no-cache --update $FileName$:$ProjectFileDir$/assets/css/$FileNameWithoutExtension$.css

Output paths to refresh: $ProjectFileDir$/assets/css/$FileNameWithoutExtension$.css

Minifying Javascript & phpstorm uglyfyjs

https://www.jetbrains.com/help/phpstorm/minifuing-javascript.html

webpack

https://webpack.js.org/guides/getting-started/#using-a-configuration

https://www.jetbrains.com/help/phpstorm/using-webpack.html

로컬 개발환경 구축2 – Phpstorm

http://woogeeya.com/build-local-development-environment-2/

Bulma Theme

https://themes.gohugo.io/theme/bulma/bulma/

Total 235 articles in 2 / 12 pages

	제목	날짜
	코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP)	2018/01/03
	jQuery를 배울수 있는 동네들입니다.	2013/08/09
	관련 링크 [1]	2010/05/23
215	[프레임워크] Bootstrap Customize Site	2018/08/30
214	[프레임워크] Bootstrap VS Bulma	2018/08/29
213	[프레임워크] BULMA CSS 프레임워크	2018/08/19
	[프레임워크] Bulma CSS Framework Customize with PHPStorm	2018/08/27
211	[프레임워크] Bulma Customizing	2018/08/27
210	[프레임워크] 베스트 10 리액트 UI 라이브러리(10 Best React UI Library)	2018/05/27
209	[프레임워크] 설계 노하우: UI 컴포넌트	2018/05/27
208	[프레임워크] 자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃	2018/05/27
207	[프레임워크] 재사용 UI 컴포넌트 설계 (by SK Planet FE개발자 윤지수, 2016/04/04)	2018/05/27
206	[프레임워크] JUI Framework	2018/05/27
205	[부트스트랩] Bootstrap 3 offset on right not left	2018/04/17
204	[HTML5] HTML5 New Elements - New Semantic/Structural Elements	2018/01/07
203	[프레임워크] Kendo UI	2017/06/29
202	[프레임워크] uikit	2017/12/27
201	[부트스트랩] 부트스트랩 5열 그리드	2017/12/20
200	[크로스브라우징] 웹개발자를 위한 크로스브라우징 테스트 사이트, browsershots.org [1]	2015/08/31
199	[위지윅에디터] ckeditor 튜닝 및 설정 방법	2017/06/26
198	[프레임워크] SK플래닛 부트스트랩 기반 UI프레임워크, 코너스톤 [1]	2015/12/26
197	[부트스트랩] [Bootstrap] 무료 부트스트렙 템플릿 사이트	2016/06/23
196	[부트스트랩] [PSD] Responsive Bootstrap Grids	2016/06/22