前端環境配置(后端使用前端版,簡易版非專業前端)

聲明本人不是專業做前端的,只是平常開發有時候需要運行前端代碼,記錄一下配置環境。

安裝nvm

nvm 即 (node version manager),好處是方便切換 node.js 版本。
自己網上下載安裝包即可,傻瓜式安裝。

安裝注意事項

  1. 要卸載掉現有的 nodejs
  2. 提示選擇 nvm 和 nodejs 目錄時,一定要避免目錄中出現空格
  3. 選用【以管理員身份運行】cmd 程序來執行 nvm 命令
  4. 首次運行前設置好國內鏡像地址

安裝之后,打開cmd進行如下配置鏡像地址,注意淘寶鏡像地址改變了。可以參入如下鏈接內容。
關于淘寶的nodejs鏡像網址更新后,前端項目出現的一系列問題解決方案。

nvm node_mirror http://npmmirror.com/mirrors/node/
nvm npm_mirror https://npmmirror.com/mirrors/npm/
如下錯誤:
//nvm npm_mirror https://npm.taobao.org/mirrors/npm/

查看可用版本

nvm list available

安裝 LTS(長期支持版)

nvm install 16.16.0
nvm install 16.15.0

查看以安裝版本

nvm list

切換版本

nvm use 16.16.0
nvm use 16.15.0

檢查npm鏡像

npm get registry

如果是淘寶鏡像可以不進行下一步。

設置npm鏡像

npm config set registry https://registry.npmmirror.com/
如下錯誤:
//npm config set registry https://registry.npm.taobao.org/

總結

后面就可以正常使用nvm切換node版本,使用npm install 安裝,npm run運行等操作。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/20961.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/20961.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/20961.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

HALCON-從入門到入門-圖像格式的互相轉換

1.廢話 上次說到了圖片的讀取和寫入到本地,這次說一下圖片的格式相關。 位圖和矢量圖 photoshop處理出來的圖片肯定叫做圖片,那么coreDraw處理出來的圖片是不是也叫圖片。 之間就有區分,一種叫做位圖,一種叫做矢量圖 位圖和矢…

AI大模型探索之路-實戰篇13: 從對話到報告:打造能記錄和分析的Agent智能數據分析平臺

系列篇章💥 AI大模型探索之路-實戰篇4:深入DB-GPT數據應用開發框架調研 AI大模型探索之路-實戰篇5:探索Open Interpreter開放代碼解釋器調研 AI大模型探索之路-實戰篇6:掌握Function Calling的詳細流程 AI大模型探索之路-實戰篇7…

echarts 圖表不顯示的問題

是這樣的,點擊詳情,再點擊統計,切換的時候就不會顯示echarts圖表,剛開始使用的是next Tick,沒有使用定時器,后來加上了定時器就實現了如下所示: 代碼是如下 const chartContainer ref(null); …

【面試題-011】如何設計一個三高系統

設計一個“三高”系統(即高可用、高性能、高并發)需要綜合考慮系統架構、技術選型、運維管理等多個方面。以下是一些關鍵的設計原則和步驟: 1. 確定系統需求和目標 高可用:系統需要能夠承受故障,并在故障發生時快速恢…

【Text2SQL 論文】DBCopilot:將 NL 查詢擴展到大規模數據庫

論文:DBCopilot: Scaling Natural Language Querying to Massive Databases ???? Code: DBCopilot | GitHub 一、論文速讀 論文認為目前的 Text2SQL 研究大多只關注具有少量 table 的單個數據庫上的查詢,但在面對大規模數據庫和數據倉庫的查詢時時卻…

618商品網頁制作編程示例開發案列優質學習資料資源工具與案列應用場景開發文檔教程資料】

創建一個簡單的商品網頁可以用HTML、CSS和JavaScript來實現。這種網頁會包括商品的圖片、名稱、描述、價格和購買按鈕等。下面是一個詳細的源碼案例及其講解: 1. 文件結構 假設我們有以下文件結構: /product-page/imagesproduct.jpgindex.htmlstyle.c…

UML靜態圖-對象圖

概述 靜態圖包含類圖、對象圖和包圖的主要目的是在系統詳細設計階段,幫助系統設計人員以一種可視化的方式來理解系統的內部結構和代碼結構,包括類的細節、類的屬性和操作、類的依賴關系和調用關系、類的包和包的依賴關系。 對象圖與類圖之間的關系&…

python中獲取文件和圖片類型的方法

目錄 一. 使用第三方庫 filetype安裝 filetype 庫:示例代碼: 二. 使用第三方庫 Pillow(針對圖片)安裝 Pillow 庫:示例代碼: 三. 使用Python標準庫imghdr(針對圖片)示例代碼&#xff…

Linux 命令:tail

1. 寫在前面 本文主要介紹 Linux tail 命令:可用于查看文件的內容,有一個常用的參數 -f 常用于查閱實時更新的日志文件。 關注 公眾號 獲取最新博文: 滑翔的紙飛機 2. tail 命令 tail 命令的基本語法是: tail [OPTION]... [FIL…

Day46 動態規劃part06

完全背包問題 完全背包和01背包問題唯一不同的地方就是,每種物品有無限件。先遍歷物品還是先遍歷背包以及遍歷順序 根據遞推公式可知:每一個dp需要根據上方和左方的數據推出,只要保證數據左上方數據是遞推出來的這種兩個for循環的順序就是可…

【故障診斷】基于EMD的振動信號時頻分析新方法研究附matlab代碼

matlab % 步驟1:加載振動信號數據 load(‘vibration_signal.mat’); % 加載振動信號數據,假設信號存儲在變量signal中 % 步驟2:定義EMD函數 function imfs emd(signal) imfs []; % 存儲提取的IMF分量 while ~isMonotonic(signal)[imf, r…

PostgreSQL的內存參數

PostgreSQL的內存參數 基礎信息 OS版本:Red Hat Enterprise Linux Server release 7.9 (Maipo) DB版本:16.2 pg軟件目錄:/home/pg16/soft pg數據目錄:/home/pg16/data 端口:5777PostgreSQL 提供了多種內存參數&#x…

一個高效的go語言字符串轉駝峰命名算法實現函數

在go語言的開發中我們經常需要對各種命名進行規范&#xff0c; 今天給大家介紹的是一個高效的將字符串轉 駝峰命名 &#xff08;即 首字母大寫的命名方式&#xff09;的函數。 // 字符串轉駝峰命名 // author tekintian <tekintiangmail.com> func CamelStr(str string) …

【python學習】Anaconda的介紹、下載及conda和pip換源方式(切換到國內鏡像源)

什么是Anaconda Anaconda 是一個專為數據科學和機器學習預裝了多種庫的Python發行版。 提供了包管理與環境管理的功能解決了多個版本python并存的問題解決了第三方包安裝問題 如何下載Anaconda 官網地址&#xff1a;https://www.anaconda.com/ 點擊右上角的 Free Download …

PostgreSQL 和Oracle鎖機制對比

PostgreSQL 和Oracle鎖機制對比 PostgreSQL 和 Oracle 都是業界廣泛使用的關系型數據庫管理系統&#xff0c;它們在鎖機制方面都有獨到的設計來控制并發訪問&#xff0c;確保數據的一致性和完整性。下面我們詳細比較一下這兩個數據庫系統的鎖機制。 1. 鎖類型 PostgreSQL P…

C語言王國——選擇與循環(1)

目錄 一、引言 二、選擇結構 1&#xff0c;if語句 1.1&#xff0c;if...else...語句 1.2&#xff0c;多分支語句 1.3懸空else的問題 2&#xff0c;switch語句 2.1&#xff0c;switch 2.2&#xff0c;break 2.3&#xff0c;default 一、引言 寫了幾個C語言代碼我發現C語…

ReduceTask工作機制

&#xff08;1&#xff09;Copy階段 ReduceTask從各個MapTask上遠程拷貝一片數據&#xff0c;并針對某一片數據&#xff0c;如果其大小超過一定閾值&#xff0c; 則寫到磁盤上 &#xff0c;否則直接放到內存中。 &#xff08;2&#xff09;Merge階段 在遠程拷貝數據的同時 &a…

go模擬經典面試題

講下MySQL事務 &#xff08;1&#xff09;事務的概念 事務就是對數據庫執行一系列操作&#xff0c;這些操作要么全部成功執行&#xff0c;要么全部失敗&#xff0c;不會存在部分成功的情況。 &#xff08;2&#xff09;事務的ACID特點 原子性&#xff1a;一個事務中的所有操…

def用法 Python:深度解析函數定義與調用的奧秘

def用法 Python&#xff1a;深度解析函數定義與調用的奧秘 在Python的編程世界中&#xff0c;def 關鍵字如同一座神秘的燈塔&#xff0c;照亮了我們探索函數定義與調用的道路。它不僅是創建函數的起點&#xff0c;更是構建高效、可維護代碼的關鍵所在。本文將通過四個方面、五…

華為坤靈交換機S300, S500, S210,S220, S200, S310 如何WEB抓包

通過S系列交換機配置端口鏡像實現抓包 1、應用場景 端口鏡像是指將經過指定端口(源端口或者鏡像端口)的報文復制一份到另一個指定端口(目的端口或者觀察端口)。在網絡運營與維護的過程中&#xff0c;為了便于業務監測和故障定位&#xff0c;網絡管理員時常要獲取設備上的業務報…