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