Vue CLI
lastmod 2022-04-21created 2018-09-0230 edits
🛠️ Standard Tooling for Vue.js Development
Categories
Installation
The way I do it
Install locally instead of globally.
yarn init -y # 물어보는 과정이 필요하면 -y 옵션 제거
yarn add -D @vue/cli
yarn vue create .
yarn remove @vue/cli
rm -rf node_modules
yarn
Upgrade
For the latest version, you need to remove the existing version and reinstall.
Applying a sub-path on deployment
Modify the publicPath property. Its default value is '/'.
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/production-sub-path/'
: '/'
}
Browser Compatibility
Configuration Reference
See vue.config.js.
Comparison of installation options
A summary of how the package.json file changes depending on the installation options.
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
See also
- vue
- vue-loader
- Boilerplate code (Scaffold)
Favorite site
- Vue CLI web site
- Getting started with Vue.js using Vue-CLI (browserify / webpack)
- (Vue.js) Setting up a frontend development environment with Vue-CLI
- How To Build A Simple Single Page Application Using Vue 2 (Part 1)
- (Vue) Vue.js project structure
Pages that link here
- 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