기본 설치 리스트 (create 시 모두 선택)
Babel, Typescript, progressive Web App Support, Router, Vuex, CSS Pre-processor, linter/Formatter, Unit Testing, E2E Testing
* vue-router, vuex 는 npm 으로 따로 설치 가능
추가기능
vue-sweetalert2 : sweetalert 의 vue 버전, 2 버전이 아니면 typescript 에서 사용이 안된다 (javascript만)
import VueSweetalert2 from 'vue-sweetalert2';
import 'sweetalert2/dist/sweetalert2.min.css';
Vue.use(VueSweetalert2);
vuetify : UI 라이브러리. plugin 설정이 가능하다. install 시 자동으로 생성되긴 함.
/* vuetify.ts Plugin 파일 */
import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css'; // vuetify css
// import { VuetifyPreset } from 'vuetify/types/presets'; // ???
// import '@mdi/font/css/materialdesignicons.min.css'; // mdi 폰트 import. html 에서 link 로 연결했을 경우 생략
// const opts: VuetifyPreset = { // vuetify 옵션 설정
// icons: {
// iconfont: 'mdi',
// },
// };
Vue.use(Vuetify);
export default new Vuetify({});
// export default new Vuetify(opts);
/* public/index.html 파일 > 폰트, 폰트 아이콘 설정 */
<head>
...
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
...
</head>주석 부분은 나는 오류도 나고 딱히 필요 없어서 아예 작성을 안 했음.
vuex-module-decorators : vuex 모듈의 데코레이터. vuex 파일 작성을 용이하게 해준다.
'Client > Vue' 카테고리의 다른 글
| [Vue] Mixin 과 Plugin (0) | 2020.12.02 |
|---|---|
| [Vue] 외부 js에서 vue function() 호출(2) (1) | 2020.03.10 |
| [Vue] Typescript 스니펫 만들기 (0) | 2020.02.03 |
| [Vue] Typescript로 작성한 Mixin 에서 this 접근 (0) | 2020.01.31 |
| [Vue] Typescript 전역 Mixin 설정하기 (0) | 2020.01.31 |
