Vue CLI

🛠️ Standard Tooling for Vue.js Development

Installation

npm install -g @vue/cli
# OR
yarn global add @vue/cli

전역에 설치하지 않고 로컬에 설치하자.

yarn init -y  # 물어보는 과정이 필요하면 -y 옵션 제거
yarn add -D @vue/cli
yarn vue create .
yarn remove @vue/cli
rm -rf node_modules
yarn

최신 버전은 기존 버전을 제거하고 다시 설치해야 한다.

$ npm uninstall -g vue-cli
$ npm install -g @vue/cli

publicPath 속성을 수정하면 된다. 이 속성은 기본값이 '/' 이다.

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

vue.config.js 항목 참조.

설치 옵션에 따른 package.json 파일의 변화를 정리한다.