Vue 3.0 - 로또(Lotto) 프로젝트

로또를 아래와 같이 만들어 보자

CLI 세팅 순서

$ npm install -g @vue/cli

$ vue.cmd create {프로젝트 명}

vue Basic 선택

npm install 최신 버전 에러를 위해 아래의 명령어 실행

npm config set legacy-peer-deps=true --location=project

.prettierrc 파일을 카피

{
"semi": false,
"singleQuote": true,
"printWidth": 80,
"useTabs": false,
"trailingComma": "none",
"bracketSpacing": true
}

.eslintrc.js 파일에서 아래의 구문 추가

module.exports = {
root: true,
env: {
node: true
},
extends: ['plugin:vue/vue3-essential', 'eslint:recommended'],
parserOptions: {
parser: '@babel/eslint-parser'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'space-before-function-paren': 'off'
}
}

필요라이브러리 추가

npm install bootstrap --save
npm i vue-router@next

npm install 명령어 실행

npm install