IntelliJ IDEA編輯器配置vue高亮顯示
本文實例為大家分享了IntelliJ IDEA編輯器配置vue高亮顯示的具體實現(xiàn)方法，供大家參考，具體內(nèi)容如下
1.查找IntelliJ IDEA是否已經(jīng)安裝vue.js
注:之前有寫過關(guān)于使用cmd命令搭建vue項目的全部過程，詳情在此
打開IDEA編輯器，快捷鍵Ctrl+Alt+S打開Settings(設置)------>Plugins------>搜索vue.js（圖中已經(jīng)安裝，沒有安裝的點擊Install JetBrains plugins...進行安裝即可），安裝成功后重啟IDEA。
2.IDEA安裝好vue.js后，接著Ctrl+Alt+S打開設置------>Editor------>File Types------>HTML，點擊右側(cè)+號，添加*.vue，最后點擊Apply。
3.設置JS
繼續(xù)Ctrl+Alt+S(Settings)------>Language & Frameworks------>JavaScript選擇ECMAScript 6和Prefer Strict mode。
4.用vue-cli構(gòu)建和運行項目
打開命令行工具cmd(Window+R)，或者在IDEA中的Terminal里面進入想要構(gòu)建項目的目錄，輸入vue init webpack mypro(mypro是自己想要構(gòu)建的項目名稱)，回車后如下圖：
5.進入構(gòu)建之后的項目文件夾：cd mypro，輸入npm install ，項目文件夾中會出現(xiàn)node_modules文件夾。
6.最后執(zhí)行npm run dev(運行項目之前記得把config文件夾中的index.js中的autoOpenBrowser設置為true,這樣的話npm run dev瀏覽器會自動打開項目)。運行結(jié)果如下圖：
7.在IDEA中新建.vue格式的文件
開發(fā)的時候IDEA編輯器中是沒有.vue格式文件的，所以需要在編輯器中設置。
接著Ctrl+Alt+S(Settings)------>Editor------>File and Code Templates
設置完成后就可以直接在項目中新建.vue格式文件了~~~
新建的home.vue結(jié)果：
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于vue動態(tài)添加背景圖的相關(guān)資料,在一些場景下我們需要使用戶可以進行自定義背景圖片,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2023-07-07
Vuex 在Vue 組件中獲得Vuex 狀態(tài)state的方法
今天小編就為大家分享一篇Vuex 在Vue 組件中獲得Vuex 狀態(tài)state的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要給大家介紹了關(guān)于少女風vue組件庫的制作全過程，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-05-05
關(guān)于vue的npm run dev和npm run build的區(qū)別介紹
這篇文章主要介紹了關(guān)于vue的npm run dev和npm run build的區(qū)別介紹，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
對于Vue為何采用異步渲染，簡單來說就是為了提升性能，因為不采用異步更新，在每次更新數(shù)據(jù)都會對當前組件進行重新渲染，為了性能考慮，Vue會在本輪數(shù)據(jù)更新后，再去異步更新視圖，本文主要通過幾個實例給大家介紹一下Vue為何采用異步渲染,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了vue2實現(xiàn)手勢密碼功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家詳細介紹了vue實現(xiàn)垂直無限滑動日歷組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要給大家介紹了關(guān)于Vue自定義加水波紋效果指令的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-02-02
這篇文章主要介紹了詳解Vite的新體驗，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-02-02
這篇文章主要介紹了element ScrollBar滾動組件源碼深入分析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01