Vue腳手架的安裝全過(guò)程
更新時(shí)間：2025年08月26日 10:58:54 作者：玉米蛋撻
文章介紹了Node.js下載與配置步驟：選擇LTS版本、創(chuàng)建node_global和node_cache文件夾、設(shè)置權(quán)限、配置淘寶鏡像,以及Vue腳手架安裝和使用方法,包括創(chuàng)建項(xiàng)目、運(yùn)行代碼和測(cè)試安裝成功
一、node下載
這里直接選擇了長(zhǎng)期支持版本,下載一直點(diǎn)next就行，最好換個(gè)安裝位置
1.打開cmd
2.在node.js的下載目錄新建文件node_global 和 node_cache
解釋：
node_global文件夾：用于存放全局安裝的 Node.js 模塊。當(dāng)你使用npm install -g命令全局安裝一個(gè)模塊時(shí)，模塊的可執(zhí)行文件、相關(guān)的庫(kù)文件以及文檔等會(huì)被放置在node_global文件夾中。這樣，你就可以在系統(tǒng)的任何地方通過(guò)命令行直接訪問(wèn)這些全局安裝的模塊，而不必在每個(gè)項(xiàng)目中都重復(fù)安裝。node_cache文件夾：用于緩存 npm 下載的模塊。當(dāng)你使用 npm 安裝模塊時(shí)，npm 會(huì)先檢查node_cache中是否已經(jīng)存在相應(yīng)的模塊緩存。如果存在，就直接從緩存中提取模塊，而不是再次從網(wǎng)絡(luò)上下載，這可以提高模塊的安裝速度，節(jié)省網(wǎng)絡(luò)帶寬。同時(shí)，緩存也有助于在離線環(huán)境下或者網(wǎng)絡(luò)不穩(wěn)定的情況下，仍然能夠正常安裝已經(jīng)緩存過(guò)的模塊。
修改文件的權(quán)限：
在這兩個(gè)文件右擊=>都選擇屬性=>選擇安全=>Users那里的允許全打√
3.設(shè)置淘寶鏡像
npm config set registry https://registry.npmmirror.com
4.查看淘寶鏡像
npm config get registry
5.Vue腳手架的安裝
npm install -g @vue/cli
報(bào)錯(cuò)沒關(guān)系，報(bào)完錯(cuò)后，win+r重啟一下終端
6.然后測(cè)試安裝是否成功
Vue -v
ok這樣腳手架就成功安裝了
二、如何使用
1.創(chuàng)建Vue
vue create Vue項(xiàng)目名
2.用哪個(gè)選（上下）哪個(gè)后敲回車
babel用于吧ES6===>ES5;eslint語(yǔ)法檢查
有successfully就表明創(chuàng)建成功了
進(jìn)入并運(yùn)行代碼
按一下ctrl+c,然后再按enter鍵就會(huì)停掉
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue組件間的通信,子組件向父組件傳值的方式匯總，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
Vite?構(gòu)建環(huán)境分為開發(fā)環(huán)境和生產(chǎn)環(huán)境,不同環(huán)境會(huì)有不同的構(gòu)建策略,本文就來(lái)介紹下Vite 配置文件,具有一定的參考價(jià)值,感興趣的可以了解一下2024-08-08
這篇文章主要介紹了總結(jié)vue映射的方法與混入的使用過(guò)程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue實(shí)現(xiàn)數(shù)字+英文字母組合鍵盤功能
這篇文章主要介紹了vue實(shí)現(xiàn)數(shù)字+英文字母組合鍵盤功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
vue watch深度監(jiān)聽對(duì)象實(shí)現(xiàn)數(shù)據(jù)聯(lián)動(dòng)效果
這篇文章主要介紹了vue watch深度監(jiān)聽對(duì)象實(shí)現(xiàn)數(shù)據(jù)聯(lián)動(dòng)的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08
Vue的computed屬性出現(xiàn)突然不更新的原因及解決方案
Vue的computed屬性為何突然不更新,本文深入解析其核心機(jī)制、常見不更新場(chǎng)景及解決方案,涵蓋依賴追蹤、緩存機(jī)制、調(diào)試技巧與Vue3差異,助你高效解決響應(yīng)式問(wèn)題,需要的朋友可以參考下2026-05-05
這篇文章主要為大家詳細(xì)介紹了vue引入Excel表格插件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
vue中的addEventListener和removeEventListener用法說(shuō)明
這篇文章主要介紹了vue中的addEventListener和removeEventListener用法說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了vue.config.js常用配置詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要介紹了vue+webpack中配置ESLint，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-11