下载webStorm,nodejs,git并简单配置,为JavaScript做准备

本文档详细介绍了如何下载并配置WebStorm、Node.js和Git,以及如何使用Live-Server搭建本地服务器。此外,还讲解了WebStorm中设置Git和连接Gitee的步骤,最后演示了如何将项目部署到本地服务器并推送到Gitee。通过此教程,读者将能够掌握相关工具的配置和使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.webStorm,nodejs,git

webStorm:https://www.jetbrains.com/webstorm/download/other.html

下载后需要破解,请根据自己电脑配置选择

下载后双击安装包安装

在这里插入图片描述

nodejs:https://nodejs.org/dist/v16.15.0/

下载安装包版,请根据自己电脑配置选择

下载后解压

在这里插入图片描述

git:https://git-scm.com/download/win

下载便携版

下载后双击运行或直接解压

在这里插入图片描述

2、配置及试运行

1.nodejs配置

配置环境变量

在环境变量PATH内加上:D:\java\nodejs\node-v16.15.0 自己的nodejs解压或安装路径

按win+R键,输入cmd

写入下方内容,下载live-server,cnpm

npm install live-server cnpm -g

完成后可以输入下方内容进行测试

#查看nodejs版本号
nodejs -v
#查看npm版本号
npm -v
#查看live-server帮助
live-server --help

如果以上三行内容均可以正确输出,则配置完成

2.git设置

找到gitee的解压/安装目录,将如图该目录添加到PATH环境变量中

进行一些全局设置的,如用户名、邮箱

git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"
git config --list

在这里插入图片描述

3.webStorm配置

需要破解,可以百度

如果需要下载中文插件点

下载中文插件可以看这个

设置git

位置:设置-版本控制-Git

在这里插入图片描述

添加gitee账号

位置:设置-版本控制-Gitee

点上方+,选择Log In via Gitee,输入gitee的账号密码

在这里插入图片描述

4.试运行

将写的网页部署到live-server服务器,可以局域网查看

打开设置-部署-+-本地或挂载文件夹

文件夹选择nodejs所在文件夹

在这里插入图片描述

打开终端,按Alt+F12,或者从视图打开

#写命令,--port=80 为选择端口,不写默认为8080
live-server

在这里插入图片描述

如果出现下图提示,可以在设置-工具-终端处修改
在这里插入图片描述

默认选项卡名称选择带cmd.exe的,然后关闭重启软件即可
在这里插入图片描述

两个live-server文件

live-server.cmd文件为运行live-server的脚本文件,如果复制一份,并修改名字为ls.cmd,则在直接输入ls也可以运行live-server
在这里插入图片描述

index.js文件包含live-server的默认端口,可以在这修改

在这里插入图片描述

5.推送至gitee

上方gitee和webStorm配置完成后,就可以将项目推送到自己的gitee上了

点击VSC —— Share project on Gitee

在这里插入图片描述

Private代表私有的,不勾选则项目开源

在这里插入图片描述

提示这个信息证明成功
在这里插入图片描述

之后更新,选择上方的提交和推送即可

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值