如何快速配置 webstorm 的node 和 npm 环境

配置 webstorm 的node 和 npm 环境

一般团队都会维护自己的代码,当你入职之后就会给你分配新的账号。拿到账号后如何获取部门开发的代码成为了我们入职的第一步。

这时如果用的是之前的编辑器,就换一下绑定的git账号 , 不然到你改好项目时还是会推不上去 。 这里提供了一种方法 。

git config --global user.name “用户名”

git config --global user.email “用户邮箱”

同时还可以设置让VSCode记住git账号和密码:git config --global credential.helper store

git config --list 查看所有

git --version //查看git的版本信息

git config --global user.name //获取当前登录的用户

git config --global user.email //获取当前登录用户的邮箱

我这里是为了和公司同事统一开发环境 再加上之前vscode的配置 (自己胡乱配置的),我直接换了编辑器 ,下载了webstorm, git, node, 配置环境之后就直接开始拉去项目了 。

配置webstorm

首先是在webstorm中配置git在file中找到settings然后在path中选择下载git所在的本地位置 ,然后点击ok即可。

在这里插入图片描述

配置完之后你可以在terminal中来git clone 地址 (想拉去的代码的地址)

如果是第一次登录时还会要求输入username 和password 我这里用的是公司提供的账号 。

之后就可以配置npm环境了 。

下载npm 下载完成后还要配置一下环境。
在这里插入图片描述

配置完node环境后,就可以在webstorm中配置了 , 具体的配置如下, file>>setting>>node 即可配置node环境 , 选好node的地址 和npm包 。
在这里插入图片描述

在终端中跑一下配置环境 npm install 跑完环境就可以运行了 。 这里就已经成功的将git上的项目拉到本地了 , 当你改完代码后,就可以将你的代码提上去了。 git commit git push 将代码推上去。

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在 WebStorm配置 npm,请按照以下步骤操作: 1. 打开 WebStorm,并导航到菜单栏的 "File"(文件)选项。 2. 在 "File"(文件)菜单中,选择 "Settings"(设置)或使用快捷键 "Ctrl + Alt + S"(Windows/Linux)或 "Cmd + ,"(Mac) 打开设置窗口。 3. 在设置窗口中,展开 "Languages & Frameworks"(语言和框架)选项,并选择 "Node.js and NPM"(Node.jsNPM)。 4. 在 "Node.js and NPM"(Node.jsNPM)面板中,确保 "Node interpreter"(Node 解释器)字段中选择了正确的 Node.js 解释器路径。如果没有,请单击 "..." 按钮并选择正确的路径。 5. 确保 "Package manager"(包管理器)字段中选择了 "npm"。 6. 单击 "OK" 保存更改并关闭设置窗口。 现在,WebStorm 已经配置npm。您可以在 WebStorm 中使用 npm 命令来管理您的项目依赖和执行其他 npm 相关操作。 要在 WebStorm 中使用 npm,您可以使用以下方法之一: - 在 WebStorm 的终端窗口中直接输入 npm 命令,并按下回车执行。终端窗口可以在底部的工具栏中找到。 - 在 WebStorm 的项目视图中,右键单击 package.json 文件,然后选择 "Show npm Scripts"(显示 npm 脚本)选项。这将显示 package.json 文件中定义的 npm 脚本,并允许您单击运行它们。 - 在 WebStorm 的顶部菜单栏中,选择 "Run"(运行)> "Edit Configurations"(编辑配置),在弹出窗口中选择 "npm" 配置类型。后,您可以配置并运行 npm 脚本。 通过以上步骤,您就可以成功配置和使用 npmWebStorm 中进行开发了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值