眾所周知 Jetbrains 系列的產(chǎn)品強(qiáng)大且好用. 但是對(duì)Vue的支持是出了名的不好
在編寫Vue項(xiàng)目的時(shí)候, 往往只能使用Atom等編輯器
我這種 Jetbrains 粉表示不服, 一定有辦法使用的.
1. .vue 文件支持:
-
安裝Vue插件
在設(shè)置中選擇plugin(插件), 選擇 Browse repositories, 左上角搜索Vue
安裝Vue插件
-
設(shè)置文件支持
在設(shè)置中, 將 *.vue 添加進(jìn)入Vue.js Template 中. 若提示沖突, 點(diǎn)擊移除原來的即可
給Vue template添加文件支持
2. Js支持
-
設(shè)置JS版本為ECMA 6
在設(shè)置中搜索JavaScript, 將JS版本選擇為ECMAScript 6
設(shè)置ES6
-
設(shè)置JS可以不打分號(hào)
在設(shè)置中搜索Unterminated statement, 將 Unterminated statement 的勾去掉
設(shè)置分號(hào)
3.####防止node_modules使IDEA卡死
在IDEA開啟的時(shí)候, 右下角全局設(shè)置
轉(zhuǎn)到file types
右下角添加node_modules
添加node_modules
3. HTML支持Vue的 ":src" 等參數(shù)綁定 和 Vue Compoment
同一個(gè)窗口下的
三個(gè)選項(xiàng)去除
允許Vue component 和 Vue 參數(shù)綁定
3. SCSS/LESS 支持
正常使用
<style lang='less'>...</style>
IDEA是無法是別的
要用這樣的模式
<style lang="less" rel="stylesheet/less" type="text/css">...</style>
4. Jade 支持
目前沒有完美的方法.
但是誰能阻止程序員的黑科技呢?
<template lang='pub' src='./你的Jade模板.pug'>
這樣就能夠在IDEA上愉快的使用Vue了~
整理不易, 轉(zhuǎn)載請(qǐng)注明出處
