Vue腳手架安裝時(shí)遇到的無(wú)法安裝問(wèn)題詳解

3403771864 發(fā)布于2022-09-19 21:46 / 1124人閱讀

　　項(xiàng)目場(chǎng)景：

　 Vue腳手架在安裝的過(guò)程中出現(xiàn)無(wú)法安裝情況

　　問(wèn)題描述

　　安裝Vue的腳手架是以管理員身份進(jìn)行，當(dāng)在提示安裝成功后輸入vue指令檢查卻顯示：‘vue’這種并非屬于內(nèi)部或外部命令，也不屬于可運(yùn)行的程序或批處理文件。

　　原因分析：

　　安裝node.js依賴環(huán)境時(shí)環(huán)境配置有問(wèn)題

　　解決方案：

　　解決步驟：

　　1.cmd到達(dá)控制符面板

　　2.用npm -v檢查node.js環(huán)境是否可以運(yùn)行

　　當(dāng)顯示版本號(hào)時(shí)說(shuō)明npm已成功安裝（8.5.5是我安裝的版本）

　　3.安裝vue腳手架npm install -g @vue/cli

　　上圖紅色框中顯示提升下載速度，（輸入npm config set registry https://registry.npm.taobao.org即可查詢）

　　4.當(dāng)在提示安裝成功后輸入vue指令檢查卻顯示：‘vue’這種并非屬于內(nèi)部或外部命令，也不屬于可運(yùn)行的程序或批處理文件。

　　5.檢查node.js的文件配置目錄，想要不改變安裝位置也可以。

　　6.下圖可以看到vue安裝在了node_global文件下，并非不在nodejs文件下，現(xiàn)在我們要配置一下環(huán)境變量。

　　7.右擊桌面上的此電腦–>選擇屬性–>高級(jí)系統(tǒng)設(shè)置–>環(huán)境變量–>雙擊Path然后把vue所在文件路徑新增到里面

　　8.最后重新打開(kāi)cmd，我們?cè)俅屋斎雟ue就可以查看到腳手架已安裝好

　　總結(jié)：

　　上述中主要是問(wèn)題vue的腳手架并不在nodejs文件下，要改變這個(gè)問(wèn)題就必須改變node依賴的位置，就可以解決。

GPU云服務(wù)器云服務(wù)器安裝目錄的詳解布局遇到的問(wèn)題學(xué)習(xí)遺傳算法遇到的問(wèn)題看apue遇到的有關(guān)問(wèn)題

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/127783.html

相關(guān)文章

基于vue+mint-ui的mobile-h5的項(xiàng)目說(shuō)明

摘要：把打包的目錄修改成生產(chǎn)環(huán)境需要的目錄。是域名的配置只要統(tǒng)一配置一項(xiàng)即可，方便。旨在增強(qiáng)團(tuán)隊(duì)開(kāi)發(fā)協(xié)作提高代碼質(zhì)量和打造開(kāi)發(fā)基石的編碼規(guī)范，以下規(guī)范是團(tuán)隊(duì)基本約定的內(nèi)容，必須嚴(yán)格遵循。 Vue作為前端三大框架之一，其已經(jīng)悄然成為主流，學(xué)會(huì)用vue相關(guān)技術(shù)來(lái)開(kāi)發(fā)項(xiàng)目會(huì)相當(dāng)輕松。對(duì)于還沒(méi)學(xué)習(xí)或者還沒(méi)用過(guò)vue的初學(xué)者，基礎(chǔ)知識(shí)這里不作詳解，推薦先去相關(guān)官網(wǎng)，學(xué)習(xí)一下vue相關(guān)的基礎(chǔ)知識(shí)。 a...

vboy1010 2019-08-23 10:25 評(píng)論0 收藏0
weex踩坑之旅第一彈 ~ 搭建具有入口文件的weex腳手架

摘要：要想用好必須對(duì)基礎(chǔ)，體系，打包工具有較深的了解對(duì)，有了解。官方提供的腳手架不能指定入口文件，如果我們想要在項(xiàng)目中使用，沒(méi)有入口文件將會(huì)變得比較復(fù)雜。那么，我們應(yīng)該如何使得當(dāng)前項(xiàng)目具有入口文件呢答案是只能修改文件。寫在前面的話：注意！該文檔是2017年年底的文章，那個(gè)時(shí)候weex還有很多問(wèn)題，現(xiàn)在weex已經(jīng)全面更新，文檔也比較全。下面的講解可能不太適應(yīng)新的weex框架，后面我會(huì)再立...

jk_v1 2019-08-21 18:24 評(píng)論0 收藏0
Vue運(yùn)行時(shí)全解析 - VueCLI3上手（一）

摘要：可以譯作運(yùn)行時(shí)過(guò)程全面分析和解析，這個(gè)全面分析涉及到比較基礎(chǔ)的或者復(fù)雜的重要前端概念和中的概念等。注本篇是運(yùn)行時(shí)全解析系列文章的第一篇，首次發(fā)表于，友善轉(zhuǎn)載蟹蟹。附更多內(nèi)容請(qǐng)參考核心維護(hù)者蔣豪群同學(xué)的的公開(kāi)課視頻 Vue Runtime Full Analysis - VueCLI3 Get Start VRFA: (Vue Runtime Full Analysis) 可以譯作vue...

molyzzx 2019-08-23 12:04 評(píng)論0 收藏0
詳解 mpvue 小程序框架及和原生的差異

摘要：在這一步，實(shí)例已完成以下的配置數(shù)據(jù)觀測(cè)，屬性和方法的運(yùn)算，事件回調(diào)?？梢灾苯訉懙葮?biāo)簽的寫法之前會(huì)的工程師上手框架的成本較低簡(jiǎn)介 1.美團(tuán)工程師推出的基于Vue.js封裝的用于開(kāi)發(fā)小程序的框架2.融合了原生小程序和Vue.js的特點(diǎn)3.可完全組件化開(kāi)發(fā) 特點(diǎn) 1.組件化開(kāi)發(fā)2.完成的Vue.js開(kāi)發(fā)體驗(yàn)(前提是熟悉Vue)3.可使用Vuex管理狀態(tài)4.Webpack構(gòu)建項(xiàng)目5.最終H5...

IamDLY 2019-08-26 13:52 評(píng)論0 收藏0
搭建vue+webpack+mock腳手架（一）

摘要：前言倉(cāng)庫(kù)地址本文適合第一次搭建項(xiàng)目的朋友，講講我是怎么從零開(kāi)始摸索著搭建一個(gè)項(xiàng)目框架的，屬于總結(jié)歸納性質(zhì)的文章。前言倉(cāng)庫(kù)地址：https://github.com/miaomiaozh... 本文適合第一次搭建項(xiàng)目的朋友，講講我是怎么從零開(kāi)始摸索著搭建一個(gè)項(xiàng)目框架的，屬于總結(jié)歸納性質(zhì)的文章。基于vue的多頁(yè)應(yīng)用支持自定義mock數(shù)據(jù) 支持熱加載 js打包成多個(gè) 項(xiàng)目結(jié)構(gòu)介紹...

waltr 2019-08-21 11:29 評(píng)論0 收藏0