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