搜尋
首頁開發工具VSCodevscode如何安裝npm

vscode如何安裝npm

Dec 16, 2019 pm 01:57 PM
npmvscode安裝

vscode如何安裝npm

由于新版的nodejs已经集成了npm,所以只需要安装nodejs即可。

本安装教程以 Node.js v4.4.3 LTS(长期支持版本)版本为例。

安装方法是:

首先根据不同平台系统选择你需要的 Node.js 安装包。

接着:

步骤 1 : 双击下载后的安装包 v0.10.26,如下所示:

vscode如何安裝npm

步骤 2 : 点击以上的Run(运行),将出现如下界面:

vscode如何安裝npm

步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

vscode如何安裝npm

步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录,并点击 next(下一步):

vscode如何安裝npm

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)

vscode如何安裝npm

步骤 6 :点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步):

vscode如何安裝npm

安装过程:

vscode如何安裝npm

点击 Finish(完成)按钮退出安装向导。

vscode如何安裝npm

检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入"cmd" => 输入命令"path",输出如下结果:

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32;
C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;
c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib;
C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\;
C:\Users\rg\AppData\Roaming\npm

我们可以看到环境变量中已经包含了C:\Program Files\nodejs\

检查Node.js版本

vscode如何安裝npm

nodejs安装完成!

创建第一个应用

vscode如何安裝npm

NPM安装

由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:

vscode如何安裝npm

如需要升级,windows在cmd中命令“npm install npm -g”,linux在运行命令“$ sudo npm install npm -g”

相关文章教程推荐:vscode教程

以上是vscode如何安裝npm的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
Visual Studio:其功能的綜合指南Visual Studio:其功能的綜合指南May 01, 2025 am 12:14 AM

VisualStudio提供了多種功能來提高開發效率。 1.界面與導航:通過菜單欄、工具欄等組件管理項目。 2.代碼編輯與智能感知:提供代碼補全和格式化工具。 3.調試與測試:支持斷點設置和變量監視。 4.版本控制:與Git等系統集成,方便團隊協作。

Visual Studio與代碼:安裝,設置和易用性Visual Studio與代碼:安裝,設置和易用性Apr 30, 2025 am 12:05 AM

VisualStudio和VSCode各有優劣,適合不同開發需求。 VisualStudio適合大型項目,提供豐富功能;VSCode則輕量、靈活,跨平台支持。

Visual Studio的目的:代碼編輯,調試等等Visual Studio的目的:代碼編輯,調試等等Apr 29, 2025 am 12:48 AM

VisualStudio是一款多功能的集成開發環境,支持多種編程語言和完整的開發流程。 1)代碼編輯:提供智能代碼補全和重構。 2)調試:內置強大調試工具,支持斷點和變量監視。 3)版本控制:集成Git和TFVC,方便團隊協作。 4)測試:支持多種測試類型,確保代碼質量。 5)部署:提供多種部署選項,支持從本地到雲端的部署需求。

Visual Studio vs.vs代碼:代碼編輯器的比較Visual Studio vs.vs代碼:代碼編輯器的比較Apr 28, 2025 am 12:15 AM

VisualStudio適合大型項目開發,VSCode則適用於輕量級和高度可定制的環境。 1.VisualStudio提供強大的智能感知和調試功能,適合大型項目和企業級開發。 2.VSCode通過擴展系統提供靈活性和自定義能力,適用於多種編程語言和跨平台開發。

Visual Studio的定價:了解訂閱模型Visual Studio的定價:了解訂閱模型Apr 27, 2025 am 12:15 AM

VisualStudio訂閱提供多種級別,適合不同開發者需求。 1.基礎版免費,適用於個人和小型團隊。 2.高級版如Professional和Enterprise,提供高級工具和團隊協作功能,適合企業用戶。

Visual Studio與代碼:性能和資源使用情況Visual Studio與代碼:性能和資源使用情況Apr 26, 2025 am 12:18 AM

VisualStudio和VSCode在性能和資源使用上的區別主要體現在:1.啟動速度:VSCode更快;2.內存佔用:VSCode更低;3.CPU使用率:VisualStudio在編譯和調試時更高。選擇時需根據項目需求和開發環境決定。

Visual Studio:C#,C等的IDEVisual Studio:C#,C等的IDEApr 25, 2025 am 12:10 AM

VisualStudio(VS)是微軟開發的一款功能強大的集成開發環境(IDE),支持多種編程語言,如C#、C 、Python等。 1)它提供了豐富的功能集,包括代碼編輯、調試、版本控制和測試。 2)VS通過強大的編輯器和調試器處理代碼,並使用Roslyn和Clang/MSVC編譯器平台支持高級代碼分析和重構。 3)基本用法如創建C#控制台應用程序,高級用法如實現多態性。 4)常見錯誤可通過設置斷點、查看輸出窗口和使用即時窗口調試。 5)性能優化建議包括使用異步編程、代碼重構和性能分析。

Visual Studio:代碼編譯,測試和部署Visual Studio:代碼編譯,測試和部署Apr 24, 2025 am 12:05 AM

在VisualStudio中,代碼編譯、測試和部署的步驟如下:1.編譯:使用VisualStudio的編譯器選項將源代碼轉化為可執行文件,支持多種語言如C#、C 和Python。 2.測試:利用內置的MSTest和NUnit等框架進行單元測試,提高代碼質量和可靠性。 3.部署:通過Web部署、Azure部署等方式,將應用程序從開發環境轉移到生產環境,確保安全性和性能。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具