使用idea創(chuàng)建vue項(xiàng)目的圖文教程
一、安裝node.js
官網(wǎng)下載下載地址：Download | Node.js
（1）下載安裝包
安裝過程很簡單，全部next即可。
（2）測試node.js是否安裝成功
在鍵盤按下win+R鍵，輸入cmd回車，打開cmd窗口；
查看版本操作：node -v和npm -v
在安裝目錄會出現(xiàn)以下這樣的文件夾
（3）安裝vue和全局vue-cli
在cmd窗口執(zhí)行這兩個(gè)操作：
npm install vue? ? npm install --global vue-cli
二、idea安裝vue.js插件
三、創(chuàng)建vue項(xiàng)目
此時(shí)等待加載，此后的彈框全部點(diǎn)擊next
下圖就是vue項(xiàng)目的目錄結(jié)構(gòu)，剛創(chuàng)建完不要著急運(yùn)行項(xiàng)目，idea會加載全局包?。。?/strong>
四、修改配置文件
（1） eslint語法規(guī)范問題報(bào)錯(cuò)
注釋掉這一行代碼【...(config.dev.useEslint ? [createLintingRule()] : []),】
五、配置idea運(yùn)行的環(huán)境
出現(xiàn)以下頁面，運(yùn)行成功。
總結(jié)
到此這篇關(guān)于使用idea創(chuàng)建vue項(xiàng)目的文章就介紹到這了,更多相關(guān)idea創(chuàng)建vue項(xiàng)目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue使用xlsx和xlsx-style導(dǎo)出表格出現(xiàn)部分樣式缺失的問題解決
這篇文章主要為大家詳細(xì)介紹一下Vue使用xlsx-style導(dǎo)出excel時(shí)樣式的設(shè)置,以及出現(xiàn)添加背景色,合并單元格部分樣式缺失問題的解決,需要的可以參考下2024-01-01
基于Vue實(shí)現(xiàn)封裝一個(gè)虛擬列表組件
正常情況下，我們對于數(shù)據(jù)都會分頁加載，最近項(xiàng)目中確實(shí)遇到了不能分頁的場景，如果不分頁，頁面渲染幾千條數(shù)據(jù)就會感知到卡頓，使用虛擬列表就勢在必行了。本文主要介紹了如何基于Vue實(shí)現(xiàn)封裝一個(gè)虛擬列表組件，感興趣的可以了解一下2023-03-03
Vue項(xiàng)目如何實(shí)現(xiàn)切換主題色思路
這篇文章主要介紹了Vue項(xiàng)目如何實(shí)現(xiàn)切換主題色思路，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
下面小編就為大家分享一篇基于Vuejs的搜索匹配功能實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
vue3中定義全局指令時(shí),往往會碰到一個(gè)問題：事件無法解綁,為什么會這樣,因?yàn)橥ǔＴ谥噶畹膍ounted鉤子中綁定事件,事件處理函數(shù)也定義在mounted中,本文講給大家講講vue3中addEventListener的妙用,需要的朋友可以參考下2023-08-08
淺談vue實(shí)現(xiàn)雙向事件綁定v-model的原理
vue使用v-model實(shí)現(xiàn)數(shù)據(jù)的雙向綁定，它會根據(jù)控件類型自動選取正確的方法來更新元素，本文就詳細(xì)的介紹一下原理，感興趣的可以了解一下2021-08-08
詳解Vue3.0中ElementPlus<input輸入框自動獲取焦點(diǎn)>
這篇文章主要給大家介紹了關(guān)于Vue3.0中ElementPlus<input輸入框自動獲取焦點(diǎn)>的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用vue3.0具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-04-04
這篇文章主要為大家介紹了vue面試observable原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
這篇文章主要介紹了基于Vue.js的移動組件庫cube-ui，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
vue父列表數(shù)據(jù)獲取子列表數(shù)據(jù)的實(shí)現(xiàn)步驟
本文檔將介紹如何通過點(diǎn)擊父列表（表格）中的數(shù)據(jù)行來獲取到子列表（表格）的數(shù)據(jù),代碼示例是基于Vue框架實(shí)現(xiàn)的一個(gè)組件,包含了父列表和子列表,通過點(diǎn)擊父列表的數(shù)據(jù)行來動態(tài)獲取子列表的數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-06-06