devjin0617

InterlliJ Plugins

File - settings - plugins 에서 아래 플러그인들을 검색할 수 있습니다.

• Vue.js: vue-cli를 기본적으로 사용할 수 있도록 해줍니다. (그러나 쓸 일이 그닥..)
• Presentation Assistant: 타OS의 단축키를 안내해줍니다.
• .gitignore: 각 파일들을 .gitignore 에 추가할 수 있도록 메뉴에서 제공해줍니다.
• BashSupport: 이걸 추가하면 bash를 좀 더 잘 사용할 수 있을지도 모릅니다.
• jojoldu Translator: 한글을 영어로, 영어를 한글로 번역해주는 아주 착한 친구입니다.
• CodeGlance: 우측에서 소스코드 미니맵을 볼 수 있습니다.

devjin0617

• spaceship-prompt: https://github.com/denysdovhan/spaceship-prompt
• d2 coding font(혹시나): https://github.com/naver/d2codingfont
• iterm2 themes: https://github.com/mbadolato/iTerm2-Color-Schemes

---

zsh, iterm2 setting: https://blog.pigno.se/post/184576332493/%EC%99%84%EB%B2%BD%ED%95%9C-mac-%EC%9E%91%EC%97%85%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0-vim-zsh-iterm

devjin0617

• 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

devjin0617

{
  "eslint.autoFixOnSave": true,
  "editor.formatOnSave": true,
    "files.associations": {
        "*.vue": "vue"
    },
    "eslint.validate": [
      {
        "language": "javascript",
        "autoFix": true

devjin0617

{
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "js": ["inject.js"],
      "all_frames": true
    }
  ],
  "web_accessible_resources": [
    "content.js"

devjin0617

# git remote 에 삭제된 브런치들 갱신하는 명령어(둘 중 하나만 사용하면 됨)
$ git remote prune origin
$ git remote update --prune

devjin0617

<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: {

devjin0617

import 'expose-loader?$!expose-loader?jQuery!jquery'
// 위에서 추가했던 jQuery 밑에 코드를 작성하세요

import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'

devjin0617

npm i --save bootstrap

devjin0617

import 'expose-loader?$!expose-loader?jQuery!jquery'