安裝Vue+webpack出現(xiàn)的問題及解決方案
經(jīng)歷:
一開始安裝webpack 是成功的,后來,新建了一個(gè)項(xiàng)目開始安裝webpack一直不成功,出現(xiàn)不了webpack -v這個(gè)東西。
1. 檢查各種版本使用情況
npm -v
node -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)安裝過Vue,已經(jīng)安裝過了,需要卸載,現(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
特別說明:
一開始的時(shí)候,我發(fā)現(xiàn)這個(gè)地址下沒有webpack.cmd,說明沒有安裝成功,這個(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)文章
對vuejs的v-for遍歷、v-bind動(dòng)態(tài)改變值、v-if進(jìn)行判斷的實(shí)例講解
今天小編就為大家分享一篇對vuejs的v-for遍歷、v-bind動(dòng)態(tài)改變值、v-if進(jìn)行判斷的實(shí)例講解,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08vue props對象validator自定義函數(shù)實(shí)例
今天小編就為大家分享一篇vue props對象validator自定義函數(shù)實(shí)例,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11vue3使用vue-count-to組件的實(shí)現(xiàn)
這篇文章主要介紹了vue3使用vue-count-to組件的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12vue+echarts定時(shí)重新繪制以達(dá)到刷新的動(dòng)效問題
這篇文章主要介紹了vue+echarts定時(shí)重新繪制以達(dá)到刷新的動(dòng)效問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06如何解決Vue3組合式API模式下動(dòng)態(tài)組件不渲染問題
這篇文章主要介紹了如何解決Vue3組合式API模式下動(dòng)態(tài)組件不渲染問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教<BR>2024-03-03Vue 中 a標(biāo)簽上href無法跳轉(zhuǎn)的解決方式
今天小編大家分享一篇Vue 中 a標(biāo)簽上href無法跳轉(zhuǎn)的解決方式,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11Electron+Vue實(shí)現(xiàn)截屏功能的兩種方式
在Electron環(huán)境下,截屏功能相對強(qiáng)大,可以通過desktopCapturer獲取應(yīng)用視頻流,實(shí)現(xiàn)對整個(gè)應(yīng)用的截屏,而在非Electron環(huán)境下,截屏功能受限,只能截取瀏覽器內(nèi)容,且存在iframe或base64圖片加載問題2024-10-10