- Vetur: https://marketplace.visualstudio.com/items?itemName=octref.vetur
- vscode-icons: https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons
- Vue i18n: https://marketplace.visualstudio.com/items?itemName=think2011.vue-i18n
- YAML: https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml
- Vue Peek: https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek
- TODO Highlight: https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight
- scss-lint: https://marketplace.visualstudio.com/items?itemName=adamwalzer.scss-lint
- REST Client: https://marketplace.visualstudio.com/items?itemName=humao.rest-client
- Quokka.js: https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode
- Prettier - Code formatter: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
npm i --save-dev expose-loader | |
npm i --save jquery |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import 'expose-loader?$!expose-loader?jQuery!jquery' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
npm i --save bootstrap |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import 'expose-loader?$!expose-loader?jQuery!jquery' | |
// 위에서 추가했던 jQuery 밑에 코드를 작성하세요 | |
import 'bootstrap' | |
import 'bootstrap/dist/css/bootstrap.min.css' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
... | |
<button type="button" class="btn btn-primary" autocomplate="off" data-loading-text="jquery with bootstrap" @click="clickBtn"> | |
... | |
</template> | |
<script> | |
export default { | |
name: 'jQueryApp', | |
methods: { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* This is a sample webhook server that listens for webhook | |
* callbacks coming from Trello, and updates any cards that are | |
* added or modified so everyone knows they are "PRIORITY" | |
* | |
* To get started | |
* * Add your key and token below | |
* * Install dependencies via `npm install express request body-parser` | |
* * Run `node app.js` on a publicly visible IP | |
* * Register your webhook and point to http://<ip or domain>:3123/priority |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# git remote 에 삭제된 브런치들 갱신하는 명령어(둘 중 하나만 사용하면 됨) | |
$ git remote prune origin | |
$ git remote update --prune |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
created: function() { | |
// ... | |
this.$nextTick(function() { | |
var dom = document.getElementById('item-0'); | |
dom.style.backgroundColor = 'red'; | |
}); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"eslint.autoFixOnSave": true, | |
"editor.formatOnSave": true, | |
"files.associations": { | |
"*.vue": "vue" | |
}, | |
"eslint.validate": [ | |
{ | |
"language": "javascript", | |
"autoFix": true |