使用idea創(chuàng)建vue項目的圖文教程
更新時間：2022年08月15日 10:23:21 作者：@Java小白學(xué)習(xí)中
Vue.js是一套構(gòu)建用戶界面的框架,只關(guān)注視圖層,它不僅易于上手,還便于與第三方庫或既有項目整合,下面這篇文章主要給大家介紹了關(guān)于使用idea創(chuàng)建vue項目的相關(guān)資料,需要的朋友可以參考下
一、安裝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項目
此時等待加載，此后的彈框全部點(diǎn)擊next
下圖就是vue項目的目錄結(jié)構(gòu)，剛創(chuàng)建完不要著急運(yùn)行項目，idea會加載全局包！??！
四、修改配置文件
（1） eslint語法規(guī)范問題報錯
注釋掉這一行代碼【...(config.dev.useEslint ? [createLintingRule()] : []),】
五、配置idea運(yùn)行的環(huán)境
出現(xiàn)以下頁面，運(yùn)行成功。
總結(jié)
到此這篇關(guān)于使用idea創(chuàng)建vue項目的文章就介紹到這了,更多相關(guān)idea創(chuàng)建vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue?Hook?封裝通用型表格,設(shè)計通用型表格組件首先,需要設(shè)計一個基礎(chǔ)的表格組件,它接受列配置、數(shù)據(jù)和分頁信息等參數(shù),本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-08-08
Vue實(shí)例中生命周期created和mounted的區(qū)別詳解
這篇文章主要給大家介紹了關(guān)于Vue實(shí)例中生命周期created和mounted區(qū)別的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
在做項目的時候發(fā)現(xiàn)一個情況,輸入框無法輸入值并且表單校驗失靈,所以下面這篇文章主要給大家介紹了關(guān)于el-input無法輸入的問題和表單驗證失敗問題解決的相關(guān)資料,需要的朋友可以參考下2023-02-02
這篇文章主要為大家詳細(xì)介紹了vue移動端實(shí)現(xiàn)手指滑動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要介紹了Vue中watchEffect的追蹤邏輯,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
webpack配置導(dǎo)致字體圖標(biāo)無法顯示的解決方法
下面小編就為大家分享一篇webpack配置導(dǎo)致字體圖標(biāo)無法顯示的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Vue實(shí)現(xiàn)前后端完全分離的項目實(shí)戰(zhàn)
本文主要介紹了Vue實(shí)現(xiàn)前后端完全分離的項目實(shí)戰(zhàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
Vue使用高德地圖搭建實(shí)時公交應(yīng)用功能（地圖 + 附近站點(diǎn)+線路詳情 + 輸入提示+換乘詳情）
這篇文章主要介紹了vue中使用高德地圖搭建實(shí)時公交應(yīng)用（地圖 + 附近站點(diǎn)+線路詳情 + 輸入提示+換乘詳情），主要是讓大家熟悉下高德地圖在vue中的使用及vue的常用指令,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了vue組件的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
基于Vue實(shí)現(xiàn)頁面全屏封裝的詳細(xì)步驟
眾所周知：目前可視化大屏,視頻播放等常見功能都需要用到全屏,本文將使用兩種技術(shù)實(shí)現(xiàn)全屏功能的封裝,讓不同技術(shù)棧的同學(xué)都可以輕松掌握,好了,讓我們來實(shí)現(xiàn)一個既兼容性強(qiáng)又易于管理的全屏功能組件吧,需要的朋友可以參考下2024-08-08