Vue CLI
๐ ๏ธ Standard Tooling for Vue.js Development
Categories
Installation
๋ด๊ฐ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ
์ ์ญ์ ์ค์นํ์ง ์๊ณ ๋ก์ปฌ์ ์ค์นํ์.
yarn init -y # ๋ฌผ์ด๋ณด๋ ๊ณผ์ ์ด ํ์ํ๋ฉด -y ์ต์
์ ๊ฑฐ
yarn add -D @vue/cli
yarn vue create .
yarn remove @vue/cli
rm -rf node_modules
yarn
Upgrade
์ต์ ๋ฒ์ ์ ๊ธฐ์กด ๋ฒ์ ์ ์ ๊ฑฐํ๊ณ ๋ค์ ์ค์นํด์ผ ํ๋ค.
๋ฐฐํฌ์ Sub-path ์ ์ฉ ๋ฐฉ๋ฒ
publicPath ์์ฑ์ ์์ ํ๋ฉด ๋๋ค. ์ด ์์ฑ์ ๊ธฐ๋ณธ๊ฐ์ด '/' ์ด๋ค.
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/production-sub-path/'
: '/'
}
Browser Compatibility
Configuration Reference
vue.config.js ํญ๋ชฉ ์ฐธ์กฐ.
์ค์น ์ต์ ๋น๊ต
์ค์น ์ต์ ์ ๋ฐ๋ฅธ package.json ํ์ผ์ ๋ณํ๋ฅผ ์ ๋ฆฌํ๋ค.
Project Template
- vue2, babel, eslint, typescript, vue-router, vuex
- vue2, babel, eslint, typescript, vue-router, vuex, sass
- vue2, babel, eslint, typescript, vue-router, vuex, sass, jest
- vue2, babel, eslint, typescript, vue-router, vuex, sass, jest, cypress
- vue2, babel, eslint, typescript, vue-router, vuex, sass, jest, cypress, pwa
Only Vue
- Vue:ProjectTemplate:Vue2 ํญ๋ชฉ ์ฐธ์กฐ.
See also
- vue
- vue-loader
- Boilerplate code (Scaffold)
Favorite site
- Vue CLI web site
- Vue-CLI ๋ก Vue.js ์์ํ๊ธฐ (browserify / webpack)
- (Vue.js) Vue-CLI๋ฅผ ์ด์ฉํ ํ๋ก ํธ ๊ฐ๋ฐ ํ๊ฒฝ์ค์
- How To Build A Simple Single Page Application Using Vue 2 (Part 1)
- (Vue) Vue.js ํ๋ก์ ํธ ๊ตฌ์กฐ
์ด ๋ฌธ์๋ฅผ ๊ฐ๋ฆฌํค๋ ๋ฌธ์
- Electron-vue
- IntelliJ IDEA
- JavaScript:Libraries
- Vue CLI Plugin Electron Builder
- Vue I18n
- Vue Router
- Vue-i18n-jest
- Vue.config.js
- Vue.js
- Vue:ProjectTemplate:Vue2
- Vue:ProjectTemplate:Vue2 Babel
- Vue:ProjectTemplate:Vue2 Babel ESLint
- Vue:ProjectTemplate:Vue2 Babel ESLint TypeScript
- Vue:ProjectTemplate:Vue2 Babel ESLint TypeScript Router
- Vue:ProjectTemplate:Vue2 Babel ESLint TypeScript Router Vuex
- Vue:ProjectTemplate:Vue2 Babel ESLint TypeScript Router Vuex Sass
- Vue:ProjectTemplate:Vue2 Babel ESLint TypeScript Router Vuex Sass Jest
- Vue:ProjectTemplate:Vue2 Babel ESLint TypeScript Router Vuex Sass Jest Cypress
- Vue:ProjectTemplate:Vue2 Babel ESLint TypeScript Router Vuex Sass Jest Cypress PWA
- Vue:TypeScript
- VueCLI:Plugins
- VueCLI:Service