vuejs-templates
Boilerplate ๋?
boilerplate ๋ ๋ฐ๋ณต๋๋ฉฐ ์์ฃผ ์ฐ์ด๋ ๊ฒ๋ค์ ๋ํด ๋ฏธ๋ฆฌ ๊ฐ๋ฐํ๊ฒฝ์ค์ ์ ๊ตฌ์ฑํด๋์ ์ผ์ข ์ ํ ํ๋ฆฟ ๊ฐ๋ ์ด๋ค.
front-end ๊ฐ๋ฐ์ ํ๋ค๋ณด๋ฉด babel
, webpack
๋ฑ ๋ง์ด ์ฐ์ด๋ ๋ชจ๋๋ค ๋๋ ๋น๋ ์ค์ ๋ค, ํด๋๊ตฌ์กฐ๋ค์ ๋ฐ๋ณต์ ์ผ๋ก ์ค์ ํ๊ฒ๋๋๋ฐ ์ด๋ฅผ ๋ฏธ๋ฆฌ ๋ง๋ค์ด ๋๋๊ฒ์ด๋ค.
์ด๋ ๊ฒ ์๋ํ๋ฅผ ํด๋์ผ๋ฉด ๊ฐ๋ค ์ฐ๊ธฐ๋ง ํ๋ฉด๋ผ์ ๊ฐ๋ฐํ๊ฒฝ๊ตฌ์ถ์ ์๊ฐ๊ณผ ๋น์ฉ์ ๋จ์ถ์ํฌ ์ ์๋ค.
$vue list
ํด๋น ๋ช ๋ น์ด๋ฅผ ํตํด ๊ณต์์ ์ธ ๋ทฐ ํ ํ๋ฆฟ์ ๋ฆฌ์คํธ๋ค์ ํ์ธํ ์ ์๋ค.
vuejs-templates ์ข ๋ฅ
-
vue-webpack-boilerplate
webpack + vue-loader ์กฐํฉ์ผ๋ก hot-reload, lint-on-save, unit testing & css extraction ์ง์
ํด๋น ๋ณด์ผ๋ฌํ๋ ์ดํธ๋ hot-reload, router, unit test, linting ๋ฑ์ ์ง์ํด ํฐ ํ๋ก์ ํธ๋ฅผ ์งํํ ์์ ์ ํฉํ๋ค.
-
webpack-simple
๋น ๋ฅด๊ฒ ๋ง๋ค ์ ์๋ ํ๋กํ ํ์ , webpack + vue-loader ์กฐํฉ
ํด๋น ๋ณด์ผ๋ฌํ๋ ์ดํธ๋ ๋น ๋ฅธ ํ๋กํ ํ์ ์ ๋ง๋ค๊ณ ์ถ์๊ฒฝ์ฐ ์ฌ์ฉ๋๋ค
-
vue-browserify-boilerplate
browserify + vueify ์กฐํฉ์ผ๋ก hot-reload, linting & unit testing ์ง์
browserify๋?
CommonJS ๋ชจ๋์ ์ํ ๋ชจ๋๋ฒ๋ค๋ฌ.
vueify๋?
browserify ๋ณํ์ ์ํ ํ๋์ Vue ์ปดํฌ๋ํธ
ํด๋น ๋ณด์ผ๋ฌํ๋ ์ดํธ hot-reload, router, unit test, linting ๋ฑ์ ์ง์ํด ํฐ ํ๋ก์ ํธ๋ฅผ ์งํํ ์์ ์ ํฉํ๋ค
-
browserify-simple
๋น ๋ฅด๊ฒ ๋ง๋ค ์ ์๋ ํ๋กํ ํ์ , browserify + vueify ์กฐํฉ
ํด๋น ๋ณด์ผ๋ฌํ๋ ์ดํธ๋ ๋น ๋ฅธ ํ๋กํ ํ์ ์ ๋ง๋ค๊ณ ์ถ์๊ฒฝ์ฐ ์ฌ์ฉ๋๋ค
-
vue-pwa-boilerplate
vue-webpack-boilerpate ๊ธฐ๋ฐ PWA ๋ฅผ ์ถ๊ฐํ ํ ํ๋ฆฟ
PWA๋?
PWA(Progressive Web App) ์ด๋ ์น ์ฌ์ดํธ์ ๋ชจ๋ฐ์ผ ์ฑ์ ์ฅ์ ์ ์ทจํ๋ ์ฑ ์๋ช ์ฃผ๊ธฐ ๋ชจ๋ธ์ ๊ฐ์ง๋ ์น ์ดํ๋ฆฌ์ผ์ด์ .
์ฆ, ๋ชจ๋ฐ์ผ ์น์ด์ง๋ง ์ฑ์ฒ๋ผ ์ฌ์ฉํ๋๋ฏํ ์ฌ์ฉ์ ๊ฒฝํ์ด๋ค.ํด๋น ๋ณด์ผ๋ฌํ๋ ์ดํธ๋ PWA ๋ฅผ ๋ง๋ค๊ธฐ ์ํด ์ฌ์ฉ
-
vue-simple-boilerplate
Vue ๋ฅผ ์๊ณ ์ถ์ ์ด์ฌ์๋ค์ ์ํ ํ ํ๋ฆฟ, ํ๋์ html ํ์ผ๋ง ์กด์ฌํ Vue ์๋ํด ๊ฐ๋จํ ์ฒดํํ ์ ์๋ค.
ํด๋น ๋ณด์ผ๋ฌํ๋ ์ดํธ๋ ์ด์ฌ์๋ค์๊ฒ ์ฒดํํ๊ฒ๋ ๋ง๋ ํ ํ๋ฆฟ