在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)文章
Vue使用electron生成桌面應(yīng)用過(guò)程詳解
這篇文章主要介紹了Vue使用electron生成桌面應(yīng)用過(guò)程，很想使用 electron 制作一個(gè)桌面應(yīng)用，但是真的上手使用的時(shí)候才發(fā)現(xiàn) electron 的坑實(shí)在是太多了，先將遇到的坑記錄在這里，遇到一個(gè)記錄一個(gè)2023-04-04
vue3項(xiàng)目中配置sass,vite報(bào)錯(cuò)Undefined mixin問(wèn)題
這篇文章主要介紹了vue3項(xiàng)目中配置sass,vite報(bào)錯(cuò)Undefined mixin問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
這篇文章主要為大家詳細(xì)介紹了vue全屏事件的開(kāi)發(fā)過(guò)程，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細(xì)介紹了vue驗(yàn)證碼插件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
setup函數(shù)是一個(gè)新的組件選項(xiàng),作為在組件內(nèi)使用Composition Api的入口點(diǎn),下面這篇文章主要給大家介紹了關(guān)于vue3.0中setup的兩種用法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
當(dāng)vue路由變化時(shí),改變導(dǎo)航欄的樣式方法
今天小編就為大家分享一篇當(dāng)vue路由變化時(shí),改變導(dǎo)航欄的樣式方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
vue3中el-table實(shí)現(xiàn)表格合計(jì)行的示例代碼
這篇文章主要介紹了vue3中el-table實(shí)現(xiàn)表格合計(jì)行,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
vue中如何使用echarts和echarts-gl實(shí)現(xiàn)3D餅圖環(huán)形餅圖
現(xiàn)在vue是很多公司前端的主流框架,我目前所在公司接觸的項(xiàng)目也都是使用vue來(lái)實(shí)現(xiàn)的,很少有完全使用原生的JavaScript來(lái)寫(xiě)項(xiàng)目的了,下面這篇文章主要給大家介紹了關(guān)于vue中如何使用echarts和echarts-gl實(shí)現(xiàn)3D餅圖環(huán)形餅圖的相關(guān)資料,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了setTimeout在vue中的正確使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
超詳細(xì)動(dòng)手搭建一個(gè)VuePress 站點(diǎn)及開(kāi)啟PWA與自動(dòng)部署的方法
這篇文章主要介紹了超詳細(xì)動(dòng)手搭建一個(gè)VuePress 站點(diǎn)及開(kāi)啟PWA與自動(dòng)部署的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01