WebStorm创建nodejs Express工程(node js web 开发),并进行git版本管理

来源:互联网 发布:中经网数据库 编辑:程序博客网 时间:2024/06/10 07:43

1. 创建新工程




2. 填写相关信息(windows下node环境配置,可直接在官网下载安装程序按照程序指示步骤安装(我的node安装到了D:/soft/node目录下

了))



3. 创建后通过快捷键Alt+1切换到项目视图






4. 可点击运行,控制台日志输出监听端口3000




5. 浏览器访问http://localhost:3000/查看效果



6. 访问没问题后,然后创建git库进行版本管理(需要提前安装好git,可在官网下载安装程序
https://git-scm.com/download/win 选择相应的版本下载后安装即可,最好安装的时候把git bash也勾选上,我本地安装到了
D:\soft\Git路径下)
在webstorm下配置git:
File -> Settings...




Version Control  ->  Git  配置git程序路径



配置好可点击Test查看是否配置正确



配置好git后,接着把项目导入到git版本管理库

VCS->Import into Version Control ->Create Git Respository...





7. 一般会自动定位到项目的硬盘路径,确定是项目的根路径后点击OK





8. 这时候文件名颜色会显示为暗红色,代表未被git跟踪,说明本地库创建成功,若是webstorm有.gitignore的插件,会自动提示没有创建忽

略文件或目录的配置文件






9. 安装关于创建及格式校验的.gitignore文件的插件

同样在File -> Settings...进入到设置页面,

然后选择Plugins ,在右边界面点击Browse repositories...按钮



在弹出的窗口中输入ignore会在下放显示查询结果,选择第一个,右边会有一个Install按(我本地已经安装过,故没有)钮,点击安装,安

装完成后会提示是否重启程序,重启后生效




10. 创建git版本管理忽略文件或目录的配置文件

右击项目名称,然后如下图所示进行创建:




弹出框,搜索node,并勾选Node,点击Generate进行创建




会提示是否加入到git版本管理,yes即可





配置好要忽略的文件及文件夹后,右键项目名称,把需要被git跟踪的文件添加进来(单个文件右键,单个的添加,项目整体就是根

据.gitignore文件中配置的忽略文件外的都添加进去,目录下面也可以添加配置文件,具体可以 查找相关资料)




文件被添加到git库后,文件名会由暗红色变成绿色,(被git忽略的文件是灰色),然后右键项目名:




选择要提交的文件,添加相关注释,提交即可:




commit后文件名会变成黑色,代表提交成功,这就完成了test项目由本地的git库进行管理的工作了。




0 0