在idea上Vue的安裝和創(chuàng)建過(guò)程
1.首先是安裝node.js
官網(wǎng)鏈接如下：Node.js
直接點(diǎn)擊下載最新的就行
在瀏覽器中下載完之后，就直接點(diǎn)擊運(yùn)行(一直點(diǎn)next就行，要換地方安裝的就自己注意下即可)
接下來(lái)就是驗(yàn)證是否安裝成功
在cmd控制臺(tái)輸入node -v和npm -v（注意中間有個(gè)空格）驗(yàn)證是否安裝成功。
node -v
npm -v
出現(xiàn)版號(hào)就算安裝成功
創(chuàng)建完之后打開(kāi)cmd窗口，執(zhí)行如下命令
將npm的全局模塊目錄和緩存目錄配置在node_global和node_cache(若是沒(méi)有直接創(chuàng)建兩個(gè)文件夾就行名字要一致)兩個(gè)目錄。
npm config set prefix "你的安裝目錄\node_global"
npm config set cache "你的安裝目錄\node_cache"
計(jì)算機(jī)右擊屬性，點(diǎn)開(kāi)高級(jí)系統(tǒng)設(shè)置
打開(kāi)環(huán)境變量設(shè)置界面
上面的用戶變量選擇path 編輯
新建C:\Program Files\nodejs\node_global（）前面的是你的安裝目錄 我的是默認(rèn)安裝
系統(tǒng)變量中新增一個(gè)變量，如下??
變量名：NODE_PATH
變量值：你的node_global安裝目錄\node_modules
系統(tǒng)變量中的path增加下面三個(gè)
%NODE_PATH%
%NODE_PATH%\node_modules
%NODE_PATH%\node_global
此處就不截圖了非常簡(jiǎn)單
配置淘寶鏡像
npm install -g cnpm --registry=https://registry.npmmirror.com/
下面這個(gè)可以檢驗(yàn)是否成功
npm config get registry
成功之后把腳手架安裝上
npm install -g @vue/cli --force
最后安裝vue就行
npm install vue -g
之后就是在idea上創(chuàng)建vue了
點(diǎn)擊創(chuàng)建上面的setting按鈕選擇plugins搜索vue會(huì)出現(xiàn)vue.js安裝即可
之后選擇創(chuàng)建即可
到此這篇關(guān)于在idea上Vue的安裝和創(chuàng)建的文章就介紹到這了,更多相關(guān)idea vue安裝創(chuàng)建內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
從0搭建Vue3組件庫(kù)如何使用?glup?打包組件庫(kù)并實(shí)現(xiàn)按需加載
這篇文章主要介紹了從0搭建Vue3組件庫(kù)如何使用?glup?打包組件庫(kù)并實(shí)現(xiàn)按需加載，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了Vue——前端生成二維碼的示例，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
本文通過(guò)兩種方法給大家介紹了基于vue插入視頻的方法，每種方法通過(guò)實(shí)例代碼給大家介紹的都非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
vue實(shí)現(xiàn)動(dòng)態(tài)路由的詳細(xì)代碼示例
動(dòng)態(tài)路由,動(dòng)態(tài)即不是寫死的,是可變的,下面這篇文章主要給大家介紹了關(guān)于vue實(shí)現(xiàn)動(dòng)態(tài)路由的詳細(xì)代碼示例,文中通過(guò)圖文以及代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
vant 時(shí)間選擇器--開(kāi)始時(shí)間和結(jié)束時(shí)間實(shí)例
這篇文章主要介紹了vant 時(shí)間選擇器--開(kāi)始時(shí)間和結(jié)束時(shí)間實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
詳解如何在vue項(xiàng)目中使用layui框架及采坑
這篇文章主要介紹了vue使用layui框架，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
本篇文章主要介紹了詳解vue+css3做交互特效的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
vue父列表數(shù)據(jù)獲取子列表數(shù)據(jù)的實(shí)現(xiàn)步驟
本文檔將介紹如何通過(guò)點(diǎn)擊父列表（表格）中的數(shù)據(jù)行來(lái)獲取到子列表（表格）的數(shù)據(jù),代碼示例是基于Vue框架實(shí)現(xiàn)的一個(gè)組件,包含了父列表和子列表,通過(guò)點(diǎn)擊父列表的數(shù)據(jù)行來(lái)動(dòng)態(tài)獲取子列表的數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-06-06
vue實(shí)現(xiàn)全匹配搜索列表內(nèi)容
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)全匹配搜索列表內(nèi)容，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
Vue-router結(jié)合transition實(shí)現(xiàn)app前進(jìn)后退動(dòng)畫切換效果的實(shí)例
下面小編就為大家?guī)?lái)一篇Vue-router結(jié)合transition實(shí)現(xiàn)app前進(jìn)后退動(dòng)畫切換效果的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10