使用idea創(chuàng)建vue項目的圖文教程
一、安裝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í)行這兩個操作:
npm install vue? ? npm install --global vue-cli
二、idea安裝vue.js插件
三、創(chuàng)建vue項目
此時等待加載,此后的彈框全部點擊next
下圖就是vue項目的目錄結(jié)構(gòu),剛創(chuàng)建完不要著急運行項目,idea會加載全局包?。?!
四、修改配置文件
(1) eslint語法規(guī)范問題報錯
注釋掉這一行代碼【...(config.dev.useEslint ? [createLintingRule()] : []),】
五、配置idea運行的環(huán)境
出現(xiàn)以下頁面,運行成功。
總結(jié)
到此這篇關(guān)于使用idea創(chuàng)建vue項目的文章就介紹到這了,更多相關(guān)idea創(chuàng)建vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Vue使用xlsx和xlsx-style導出表格出現(xiàn)部分樣式缺失的問題解決
這篇文章主要為大家詳細介紹一下Vue使用xlsx-style導出excel時樣式的設(shè)置,以及出現(xiàn)添加背景色,合并單元格部分樣式缺失問題的解決,需要的可以參考下2024-01-01詳解Vue3.0中ElementPlus<input輸入框自動獲取焦點>
這篇文章主要給大家介紹了關(guān)于Vue3.0中ElementPlus<input輸入框自動獲取焦點>的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家學習或者使用vue3.0具有一定的參考學習價值,需要的朋友可以參考下2023-04-04vue父列表數(shù)據(jù)獲取子列表數(shù)據(jù)的實現(xiàn)步驟
本文檔將介紹如何通過點擊父列表(表格)中的數(shù)據(jù)行來獲取到子列表(表格)的數(shù)據(jù),代碼示例是基于Vue框架實現(xiàn)的一個組件,包含了父列表和子列表,通過點擊父列表的數(shù)據(jù)行來動態(tài)獲取子列表的數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-06-06