windows 10 系統配置Node

目錄

什么是Node.js

什么是Npm

Node.js環境搭建

下載

解壓

配置環境變量

npm配置

如何運行下載的Node.js項目


什么是Node.js

在 Node.js 之前,JavaScript 只能運行在瀏覽器中,作為網頁腳本使用,為網頁添加一些特效,或者和服務器進行通信。有了 Node.js 以后,JavaScript 就可以脫離瀏覽器,像其它編程語言一樣直接在計算機上使用,想干什么就干什么,再也不受瀏覽器的限制了。

Node.js 不是一門新的編程語言,也不是一個 JavaScript 框架,它是一套 JavaScript 運行環境,用來支持 JavaScript 代碼的執行。用編程術語來講,Node.js 是一個 JavaScript 運行時(Runtime)。

Node.js是一個基于Chrome V8引擎的[JavaScript運行環境]。Node.js使用了一個事件驅動、非阻塞式I/O 的模型。Node.js是一個讓JavaScript運行在服務端的開發平臺,它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。不能再將它視為一種“小玩意”。

1)Node.js依賴JavaScript運行環境,開發語言是:Javascript

2)J2EE依賴Java運行環境,開發語言是:Java

什么是Npm

npm(Node.js Package Manager)是一個Node.js的包管理工具,用來解決Node.js代碼部署問題。在安裝Node.js時會自動安裝相應的npm版本,不需要單獨安裝。使用npm包管理工具可以解決如下場景的需求:

允許用戶從NPM服務器下載他人編寫的第三方包到本地使用。

允許用戶從NPM服務器下載并安裝他人編寫的命令行程序到本地使用。

允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供他人使用。

npm==maven 有點類似

Node.js環境搭建

下載

下載地址:Node.js — Download Node.js?

注1:Node有兩個版本線: LTS是長期維護的穩定版本Current是新特性版本

解壓

將下載的node-v10.15.3-win-x64.zip解壓到指定目錄中,并在解壓后的目錄下建立node_globalnode_cache這兩個目錄。

node_global:npm全局安裝位置;node_cache:npm緩存路徑

配置環境變量

新增NODE_HOME,值為:D:\tools\node-v10.15.3-win-x64(視自己安裝目錄而定),修改PATH并在最后添加:;%NODE_HOME%;%NODE_HOME%\node_global;

配置NODE_HOME

配置Path

環境變量查看: echo %node_home%,echo %path%

測試安裝是否成功: node -v,npm -v

npm配置

配置npm全局安裝位置和緩存路徑。打開CMD,分別執行如下命令:

npm config set cache "C:\tools\node-v14.15.0-win-x64\node_cache"
npm config set prefix "C:\tools\node-v14.15.0-win-x64\node_global"

注意:

1)創建的node_global(npm全局安裝位置)和node_cache(npm緩存路徑)與npm聯系起來

2)如果執行命令卡死,可以刪除C:\Users\用戶名.npmrc 后重新執行。(用戶名:當前電腦的用名)

3)"D:\tools\node-v10.15.3-win-x64\node_global",雙引號不能少

修改npm鏡像提高下載速度

可以使用 cnpm或直接設置--registry,推薦設置--registry

Registry

## 設置淘寶源
npm config set registry https://registry.npm.taobao.org/
## 查看源,可以看到設置過的所有的源
npm config get registry

npm config set registry https://registry.npmmirror.com

cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

1)cnpm安裝完成后,以后就可以用cnpm命令代替npm命令, 此時npm還是會用官方鏡像,cnpm會用國內鏡像;

2)如果要恢復成原來的設置,執行如下:npm config set registry https://registry.npmjs.org/

安裝配置webpack

npm install webpack -g

以上命令執行完畢后,會生成如下文件: %node_home%\node_global\node_modules\webpack

如何運行下載的Node.js項目

將下載的項目解壓到指定目錄,本例是解壓到:D:\temp\vueproject,后面都以此為例

## 1.打開命令窗口
cmd
## 2.切換到d盤
d:
## 3.進入指定目錄
cd D:\temp\vueproject
## 4.進行依賴安裝
npm install
## 5.啟動項目
npm run dev

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

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

相關文章

Windows Server 2025 使用 IIS 搭建 ASP.NET 3.5 網站

開啟遠程桌面 參考文章Windows server開啟遠程桌面教程打開服務管理器。ECS 配置安全組,開啟 3389Telnet 驗證網絡聯通性 telnet x.x.x.x 338安裝 Windows App,登錄驗證 安裝 ASP.NET 3.5 1.參考文章Windows Server 2012安裝 .NET Framework 3.5和 Wi…

開源模型應用落地-shieldgemma-2-4b-it模型小試-多模態內容安全檢測(一)

一、前言 在人工智能迅速發展的過程中,內容安全成為AI應用中的一個重要挑戰。谷歌團隊于2025年3月推出了一款名為ShieldGemma-2-4B-IT的模型,它以創新的多模態安全檢測能力,為行業樹立了新的開源責任AI標準。 與早期的僅支持文本審核的版本相比,ShieldGemma-2-4B-IT在谷歌的…

【數據預測】基于遺傳算法GA的LSTM光伏功率預測 GA-LSTM光伏功率預測【Matlab代碼#91】

文章目錄 【可更換其他算法,獲取資源請見文章第6節:資源獲取】1. 遺傳算法GA2. 長短期記憶網絡LSTM3. 基于GA-LSTM的光伏功率預測4. 部分代碼展示5. 運行結果展示6. 資源獲取 【可更換其他算法,獲取資源請見文章第6節:資源獲取】 …

openEuler24.03 LTS下安裝Hadoop3完全分布式

目錄 Linux準備 openEuler24.03 LTS簡介 下載openEuler24.03 LTS 安裝openEuler24.03 LTS Linux基本設置 關閉及禁用防火墻 修改主機名 靜態ip 映射主機名 創建普通用戶 目錄準備 克隆主機 配置機器之間免密登錄 編寫分發腳本 安裝Java 下載Java 解壓 設置環…

【Linux之Shell腳本實戰】Linux服務器輸出美觀漂亮的html巡檢報告

【Linux之Shell腳本實戰】Linux服務器輸出美觀漂亮的html巡檢報告 一、Shell腳本介紹1.1 Shell腳本簡介1.2 Shell腳本特點二、腳本要求三、檢查本地環境3.1 本地環境規劃3.2 檢查本地系統3.3 檢查系統內核版本四、編輯腳本五、執行及測試腳本5.1設置定時任務5.2 執行效果六、總…

坦克大戰(c++)

今天我給大家分享一個c游戲。 廢話不多說&#xff0c;作品展示&#xff1a; #include <stdio.h> #include <windows.h> #include <time.h> //里規格&#xff1a;長39*278 &#xff08;真坐標&#xff09;(假坐標寬為39) 高39 //外規格&#xff1a;長…

node-ddk, electron組件, 自定義本地文件協議,打開本地文件

node-ddk 文件協議 https://blog.csdn.net/eli960/article/details/146207062 也可以下載demo直接演示 http://linuxmail.cn/go#node-ddk 安全 考慮到安全, 本系統禁止使用 file:/// 在主窗口, 自定義文件協議,可以多個 import main, { NODEDDK } from "node-ddk/m…

論文閱讀:2023 arxiv Provable Robust Watermarking for AI-Generated Text

總目錄 大模型安全相關研究:https://blog.csdn.net/WhiffeYF/article/details/142132328 Provable Robust Watermarking for AI-Generated Text https://arxiv.org/pdf/2306.17439 https://github.com/XuandongZhao/Unigram-Watermark https://www.doubao.com/chat/211092…

一條sql語句在mysql中的執行流程(Mysql基礎架構)

mysql基礎架構 MySQL 主要分為 Server 層和 存儲引擎層&#xff1a; Server 層&#xff1a;主要包括 連接器、查詢緩存、分析器、優化器、執行器等&#xff0c;所有跨存儲引擎的功能都在這一層實現&#xff0c;比如存儲過程、觸發器、視圖&#xff0c;函數等&#xff0c;還有一…

GitLens with `Commit Graph`

文章目錄 GitLens with Commit Graph GitLens with Commit Graph 想要更直觀地查看 Git 提交歷史&#xff1f;我打包了一個支持 Commit Graph 的 GitLens 版本&#xff0c;讓你輕松在 VSCode 中查看分支、合并、變更記錄等內容&#xff0c;一目了然&#xff01; &#x1f4cc…

C#里使用libxl的數字格式

由于EXCEL里可以表示不同的數字格式, 比如表示貨幣數字時,與表示普通序號的數字就不一樣。 還有科學計算表示的數字使用小數點位數與普通貨幣也不一樣。 如下所示: 要使用這些格式, 下面創建一個例子來演示保存這些數字格式: private void button11_Click(object send…

CentOS 7擴容 /dev/shm

在 CentOS 7 中&#xff0c;/dev/shm 是基于內存的臨時文件系統&#xff08;tmpfs&#xff09;&#xff0c;其大小通常為系統內存的一半。要擴容 /dev/shm&#xff0c;可以通過重新掛載 tmpfs 并指定新的大小來實現。 擴容步驟 查看當前 /dev/shm 的大小&#xff1a; df -h /d…

【一起學Rust | Tauri2.0框架】基于 Rust 與 Tauri 2.0 框架實現全局狀態管理

前言 在現代應用程序開發中&#xff0c;狀態管理是構建復雜且可維護應用的關鍵。隨著應用程序規模的增長&#xff0c;組件之間共享和同步狀態變得越來越具有挑戰性。如果處理不當&#xff0c;狀態管理可能會導致代碼混亂、難以調試&#xff0c;并最終影響應用程序的性能和可擴…

百度SEO和必應SEO優化方法

如需SEO服務&#xff0c;可以搜索&#xff1a;深圳市信科網絡科技有限公司。 一、搜索引擎生態格局&#xff1a;流量入口的重新洗牌 2025 年&#xff0c;中國 PC 端搜索引擎市場正經歷戲劇性變革。StatCounter 數據顯示&#xff0c;必應憑借 Edge 瀏覽器的預裝優勢與 ChatGPT …

Redis 事件機制詳解

Redis 事件機制詳解 Redis 的事件機制是其高性能和高并發能力的關鍵之一&#xff0c;它采用Reactor 模型&#xff0c;基于文件事件驅動機制實現高效的 I/O 處理。Redis 的事件機制主要分為以下幾類&#xff1a; 文件事件&#xff08;File Event&#xff09; —— 處理網絡 I/…

【LangChain入門 3 Prompts組件】聊天提示詞模板 ChatPromptTemplate

文章目錄 一、 聊天信息提示詞模板1.1 使用關鍵字1.2 使用SystemMessage, HumanMessage, AIMessage來定義消息1.3 使用MessagesPlaceholder 在特定未知添加消息列表 二、關鍵類介紹2.1 ChatPromptTemplate 類2.1.1 from_messages()2.1.2 format_messages()2.1.3 format_prompt(…

Flutter TextFormField 完全手冊與設計最佳實踐

目錄 1. 引言 2. TextFormField 的基本用法 3. 主要屬性 4. 自定義 TextFormField 樣式 4.1 設置邊框樣式 4.2 設置輸入格式限制 4.3 多行輸入 5. 結論 相關推薦 1. 引言 在 Flutter 中&#xff0c;TextFormField 是 TextField 的擴展版本&#xff0c;專為表單輸入設計…

HC-05與HC-06藍牙配對零基礎教程 以及openmv識別及遠程傳輸項目的概述

這個是上一年的項目&#xff0c;之前弄得不怎么完整&#xff0c;只有一個openmv的&#xff0c;所以openmv自己去我主頁找&#xff0c;這篇主要講藍牙 這個是我在使用openmv連接單片機1然后單片機1與單片機2通過藍牙進行通信 最終實現的效果是&#xff1a;openmv識別到圖形和數…

【Docker系列一】Docker 簡介

&#x1f49d;&#x1f49d;&#x1f49d;歡迎來到我的博客&#xff0c;很高興能夠在這里和您見面&#xff01;希望您在這里可以感受到一份輕松愉快的氛圍&#xff0c;不僅可以獲得有趣的內容和知識&#xff0c;也可以暢所欲言、分享您的想法和見解。 推薦:kwan 的首頁,持續學…

Vue 入門到實戰 五

第5章 過渡與動畫 目錄 5.1 單元素/組件過渡 5.1.1 過渡class 5.1.2 CSS 過渡 5.1.3 CSS 動畫 5.1.4 同時使用過渡和動畫 5.1.5 JavaScript 鉤子方法 5.2 多元素/組件過渡 5.2.1 多元素過渡 5.2.2 多組件過渡 5.3 列表過渡 5.3.1 列表的普通過渡 5.3.2 列表的平滑…