IntelliJ IDEA編輯器配置vue高亮顯示
本文實(shí)例為大家分享了IntelliJ IDEA編輯器配置vue高亮顯示的具體實(shí)現(xiàn)方法，供大家參考，具體內(nèi)容如下
1.查找IntelliJ IDEA是否已經(jīng)安裝vue.js
注:之前有寫(xiě)過(guò)關(guān)于使用cmd命令搭建vue項(xiàng)目的全部過(guò)程，詳情在此
打開(kāi)IDEA編輯器，快捷鍵Ctrl+Alt+S打開(kāi)Settings(設(shè)置)------>Plugins------>搜索vue.js（圖中已經(jīng)安裝，沒(méi)有安裝的點(diǎn)擊Install JetBrains plugins...進(jìn)行安裝即可），安裝成功后重啟IDEA。
2.IDEA安裝好vue.js后，接著Ctrl+Alt+S打開(kāi)設(shè)置------>Editor------>File Types------>HTML，點(diǎn)擊右側(cè)+號(hào)，添加*.vue，最后點(diǎn)擊Apply。
3.設(shè)置JS
繼續(xù)Ctrl+Alt+S(Settings)------>Language & Frameworks------>JavaScript選擇ECMAScript 6和Prefer Strict mode。
4.用vue-cli構(gòu)建和運(yùn)行項(xiàng)目
打開(kāi)命令行工具cmd(Window+R)，或者在IDEA中的Terminal里面進(jìn)入想要構(gòu)建項(xiàng)目的目錄，輸入vue init webpack mypro(mypro是自己想要構(gòu)建的項(xiàng)目名稱(chēng))，回車(chē)后如下圖：
5.進(jìn)入構(gòu)建之后的項(xiàng)目文件夾：cd mypro，輸入npm install ，項(xiàng)目文件夾中會(huì)出現(xiàn)node_modules文件夾。
6.最后執(zhí)行npm run dev(運(yùn)行項(xiàng)目之前記得把config文件夾中的index.js中的autoOpenBrowser設(shè)置為true,這樣的話(huà)npm run dev瀏覽器會(huì)自動(dòng)打開(kāi)項(xiàng)目)。運(yùn)行結(jié)果如下圖：
7.在IDEA中新建.vue格式的文件
開(kāi)發(fā)的時(shí)候IDEA編輯器中是沒(méi)有.vue格式文件的，所以需要在編輯器中設(shè)置。
接著Ctrl+Alt+S(Settings)------>Editor------>File and Code Templates
設(shè)置完成后就可以直接在項(xiàng)目中新建.vue格式文件了~~~
新建的home.vue結(jié)果：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue單個(gè)元素綁定多個(gè)事件問(wèn)題(例如點(diǎn)擊綁定多個(gè)事件方法)
這篇文章主要介紹了vue單個(gè)元素綁定多個(gè)事件問(wèn)題(例如點(diǎn)擊綁定多個(gè)事件方法)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
不依任何賴(lài)第三方,單純用vue實(shí)現(xiàn)Tree 樹(shù)形控件的案例
這篇文章主要介紹了不依任何賴(lài)第三方,單純用vue實(shí)現(xiàn)Tree 樹(shù)形控件的案例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
這篇文章主要介紹了Vue3組件的開(kāi)發(fā)，上一篇文章我們價(jià)紹了Vue3（三）網(wǎng)站首頁(yè)布局開(kāi)發(fā)，今天繼續(xù)上篇內(nèi)容展開(kāi)組件的開(kāi)發(fā),需要的朋友可以參考一下2021-11-11
這篇文章主要為大家介紹了Vue組件之間的數(shù)據(jù)共享，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-11-11
vue-router中 query傳參和params傳參的使用和區(qū)別講解
這篇文章主要介紹了vue-router中 query傳參和params傳參的使用和區(qū)別講解,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
詳解Vue2+Echarts實(shí)現(xiàn)多種圖表數(shù)據(jù)可視化Dashboard（附源碼）
本篇文章主要介紹了詳解Vue2+Echarts實(shí)現(xiàn)多種圖表數(shù)據(jù)可視化Dashboard（附源碼），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-03-03
異步組件是 Vue.js 中提高應(yīng)用程序性能和加載速度的重要功能之一,在使用異步組件時(shí),需要注意組件的加載時(shí)間、錯(cuò)誤處理和命名規(guī)范等問(wèn)題,本文將介紹 Vue.js 中異步組件的概念、優(yōu)勢(shì)以及如何使用異步組件,感興趣的朋友一起看看吧2023-10-10
Vue路由對(duì)象屬性 .meta $route.matched詳解
今天小編就為大家分享一篇Vue路由對(duì)象屬性 .meta $route.matched詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
Vue SPA單頁(yè)應(yīng)用首屏優(yōu)化實(shí)踐
這篇文章主要介紹了Vue SPA單頁(yè)應(yīng)用首屏優(yōu)化實(shí)踐，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
詳解vue-cli+element-ui樹(shù)形表格(多級(jí)表格折騰小計(jì))
這篇文章主要介紹了vue-cli + element-ui 樹(shù)形表格（多級(jí)表格折騰小計(jì)），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-04-04