Vue腳手架的安裝全過程
更新時(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下載
這里直接選擇了長期支持版本,下載一直點(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)的庫文件以及文檔等會(huì)被放置在node_global文件夾中。這樣，你就可以在系統(tǒng)的任何地方通過命令行直接訪問這些全局安裝的模塊，而不必在每個(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)緩存過的模塊。
修改文件的權(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語法檢查
有successfully就表明創(chuàng)建成功了
進(jìn)入并運(yùn)行代碼
按一下ctrl+c,然后再按enter鍵就會(huì)停掉
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
解決vue項(xiàng)目中type=”file“ change事件只執(zhí)行一次的問題
這篇文章主要介紹了vue項(xiàng)目中解決type=”file“ change事件只執(zhí)行一次的問題,本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2018-05-05
解決VUE打包后與nginx代理出現(xiàn)加載速度超級(jí)慢的問題
這篇文章主要介紹了解決VUE打包后與nginx代理出現(xiàn)加載速度超級(jí)慢的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-09-09
本文主要介紹了淺談Vue組件及組件的注冊(cè)方法，詳細(xì)的介紹了什么是組件，及其組件注冊(cè)的兩種方式(全局和局部)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
Vue中Number方法將字符串轉(zhuǎn)換為數(shù)字的過程
這篇文章主要介紹了Vue中Number方法將字符串轉(zhuǎn)換為數(shù)字,本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue?指令與過濾器，本文通過案例代碼給大家詳細(xì)講解，給大家講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-11-11
詳解vue中使用vue-quill-editor富文本小結(jié)（圖片上傳）
這篇文章主要介紹了詳解vue中使用vue-quill-editor富文本小結(jié)（圖片上傳），文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了vue項(xiàng)目部署到非根目錄下的問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue子路由跳轉(zhuǎn)實(shí)現(xiàn)tab選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了vue子路由跳轉(zhuǎn)實(shí)現(xiàn)tab選項(xiàng)卡，完成一個(gè)簡(jiǎn)單的tab選項(xiàng)卡布局，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了element-ui 本地化使用教程詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要為大家學(xué)習(xí)介紹了如何利用Vue2實(shí)現(xiàn)全局水印的效果，文中的示例代碼簡(jiǎn)潔易懂，具有一定的借鑒價(jià)值，感興趣的小伙伴可以了解下2023-07-07