安裝Vue+webpack出現(xiàn)的問(wèn)題及解決方案
經(jīng)歷：
一開始安裝webpack 是成功的，后來(lái)，新建了一個(gè)項(xiàng)目開始安裝webpack一直不成功，出現(xiàn)不了webpack -v這個(gè)東西。
1. 檢查各種版本使用情況
npm -vnode -v
2. 配置鏡像
npm config set registry https://registry.npm.taobao.org
3. 檢查鏡像是否配置成功
npm config ls
4. 安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
5. 安裝Vue
npm install vue
6. 安裝Vue-cli 4
6.1 檢查自己以前是否已經(jīng)安裝過(guò)Vue，已經(jīng)安裝過(guò)了，需要卸載，現(xiàn)在版本已經(jīng)到4了
vue -V
6.2 卸載Vue-cli
npm uninstall vue-cli -g
6.3 安裝Vue-cli 4
npm install @vue/cli -g
7. 安裝 webpack
7.1 webpack 4.0 以后分成兩部分了webpack+webpack-cli
npm install webpack -g
7.2 安裝webpack-cli
npm install webpack-cli -g
7.3 檢查安裝是否成功
webpack -v
8.創(chuàng)建項(xiàng)目
vue create 項(xiàng)目名
9. 錯(cuò)誤解決
找到這個(gè)地址：
C:\\Users\\Administrator\\AppData\\Roaming\\npm，然后配置環(huán)境變量 ，這樣子就可以使用webpack -v
特別說(shuō)明：
一開始的時(shí)候，我發(fā)現(xiàn)這個(gè)地址下沒(méi)有webpack.cmd，說(shuō)明沒(méi)有安裝成功，這個(gè)時(shí)候要打開 dos 的命令行
然后輸入npm install webpack -g ，這個(gè)時(shí)候就會(huì)出現(xiàn)webpack.cmd 了，然后配置環(huán)境的話，就可以了。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
對(duì)vuejs的v-for遍歷、v-bind動(dòng)態(tài)改變值、v-if進(jìn)行判斷的實(shí)例講解
今天小編就為大家分享一篇對(duì)vuejs的v-for遍歷、v-bind動(dòng)態(tài)改變值、v-if進(jìn)行判斷的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
vue props對(duì)象validator自定義函數(shù)實(shí)例
今天小編就為大家分享一篇vue props對(duì)象validator自定義函數(shù)實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
vue3使用vue-count-to組件的實(shí)現(xiàn)
這篇文章主要介紹了vue3使用vue-count-to組件的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
本篇文章主要介紹了vue 里面使用axios 和封裝的示例代碼，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-09-09
vue+echarts定時(shí)重新繪制以達(dá)到刷新的動(dòng)效問(wèn)題
這篇文章主要介紹了vue+echarts定時(shí)重新繪制以達(dá)到刷新的動(dòng)效問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
vue實(shí)現(xiàn)商品詳情頁(yè)放大鏡功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)商品詳情頁(yè)放大鏡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
緩存清除成為克服瀏覽器緩存中過(guò)時(shí)內(nèi)容挑戰(zhàn)的關(guān)鍵技術(shù),術(shù)語(yǔ)“緩存清除”是指故意使靜態(tài)資源失效或進(jìn)行版本控制,迫使瀏覽器在發(fā)生更改時(shí)獲取新資源,本文給大家介紹了Vue如何清除緩存,需要的朋友可以參考下2023-12-12
如何解決Vue3組合式API模式下動(dòng)態(tài)組件不渲染問(wèn)題
這篇文章主要介紹了如何解決Vue3組合式API模式下動(dòng)態(tài)組件不渲染問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教<BR>2024-03-03
Vue 中 a標(biāo)簽上href無(wú)法跳轉(zhuǎn)的解決方式
今天小編大家分享一篇Vue 中 a標(biāo)簽上href無(wú)法跳轉(zhuǎn)的解決方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
Electron+Vue實(shí)現(xiàn)截屏功能的兩種方式
在Electron環(huán)境下,截屏功能相對(duì)強(qiáng)大,可以通過(guò)desktopCapturer獲取應(yīng)用視頻流,實(shí)現(xiàn)對(duì)整個(gè)應(yīng)用的截屏,而在非Electron環(huán)境下,截屏功能受限,只能截取瀏覽器內(nèi)容,且存在iframe或base64圖片加載問(wèn)題2024-10-10