뷰(Vue)2 [Vue] Tailwind 적용 및 && Extensiton(Tailwind CSS IntelliSense) 1. npm install -D tailwindcss postcss autoprefixer 2. npx tailwindcss init -p init 후 파일 2개가 생성된다 - tailwind.config.js - postcss.config.js tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: [], theme: { extend: {}, }, plugins: [], } postcss.config.js module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, } tailwind.config.js 적용할 파일 path를 설정해준다 .. 2022. 12. 21. 뷰 라우터 사용 Let's learn how to apply "vue-router" to your current project. 1. vue-router를 설치한다 npm install vue-router --save 2. vue-router 인스턴스 생성 후 export src/router/index.js import { createRouter, createWebHistory } from 'vue-router' import Home from '@/views/Home' import Login from '@/views/Login' import Signup from '@/views/Signup' const routerHistory = createWebHistory() const router = createRouter({ h.. 2022. 5. 6. 이전 1 다음
