/vue-mini-calculator

🚩 Mini Calculator using Vue.js without CLI

Primary LanguageVue

πŸ“ƒ vue-mini-calculator


1️⃣ Overview

  • Vue-CLIλ₯Ό μ‚¬μš©ν•˜μ§€ μ•Šκ³  직접 webpack 섀정을 ν•˜μ—¬ vue ν”„λ‘œμ νŠΈ λ§Œλ“œλŠ” 방법을 μ΅νžˆλŠ” ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€.
  • κ°„λ‹¨ν•œ λ§μ…ˆ 및 λΊ„μ…ˆμ΄ μžˆλŠ” 계산기λ₯Ό λ§Œλ“œλŠ” ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€.

2️⃣ Tech Stack

πŸ“ Programming Language : Javascript

πŸ“ Framework : Vue.js

πŸ“ Styling Language: Scss

πŸ“ Development Enviornment : Windows 10, Node.js 14.17.0

πŸ“ Using Editor : Visual Studio Code


3️⃣ Getting Started

πŸ“ μ†ŒμŠ€μ½”λ“œ 클둠받기

git clone https://github.com/wally-wally/vue-mini-calculator.git
cd vue-mini-calculator

πŸ“ 라이브러리 μ„€μΉ˜ ν›„ λ‘œμ»¬μ—μ„œ μ„œλ²„ ꡬ동

npm install
npm run serve

πŸ“ Compiled successfully. λ©”μ‹œμ§€ 확인 ν›„ http://localhost:8080 으둜 μ΄λ™ν•˜μ—¬ 확인


4️⃣ Result

캑처