使用WebStorm和Git开发Node.js应用

使用WebStorm和Git开发Node.js应用

一、使用WebStorm创建express项目
1、创建项目
File|new project,先选择location为D:\,输入项目名称Caller,选择Node.js Express项目。
2、修改配置:智能感知
file|setting|javascript|node.js,在project目录下只选择三个Ecma script,也就是js支持,再选择两个node.js支持。移动到public目录,开启dhtmlhtml5
注意每行右侧是可多选的下拉框。

3、修改配置:运行和调试
Run菜单的Edit Configurations,在run/debug configuration对话框,勾选check no other instances are running
意思是每次运行的时候,检查是否有其他实例在运行。
勾选此项之后,我们多次重新运行项目,就不会出现错误。

二、修改配置:
1、智能感知
2、Git
3、运行调试设置

三、启用Git源码管理
1、设定用户名和邮件地址
D:\>git config --global user.name 毕丹军
D:\>git config --global user.email [email protected]

2、启用Git源码管理
Vcs菜单,Enable version control integration,激活源码管理集成。我们选择Git。
在下方的version control选项卡可以看到,实际上执行了下面的命令:
23:40:13.651: cd D:\Caller
23:40:13.652: git init
Initialized empty Git repository in D:/Caller/.git/
启用后,在项目文件夹下建立了一个新的文件夹D:\Caller\.git,这就是Git的工作文件夹,项目文件夹下有这个文件夹,表示项目文件夹整体受Git管理。
3、设定哪些文件和文件夹要忽略:
在项目文件夹下,添加一个名为.gitignore的文件,这个文件将告知git当前文件夹下哪些内容是需要忽略的,效果很明显,加入此文件后,unversioned files从490变成6个,我们排除了webstorm的项目文件夹和npm_module文件夹。
将如下内容(为WebStorm的node.js项目定制的)拷贝进来:
*.idea
.idea
idea
.DS_Store
*.DS_Store

lib-cov
*.seed
*.log
*.csv
*.dat
*.out
*.pid
*.gz

pids
logs
results

node_modules
npm-debug.log

4、将当前项目加入到Git
最初,项目文件夹的所有文件,都没有加入缓存区。
我们在下方的changes选项卡,可以看到文件夹所有文件,均未加入缓存。点click to browse查看文件夹上所有文件,注意次序:先勾选项目文件夹,然后去掉对npm_module目录。我们不将npm加入源码库,这意味着一旦得到源代码,需在项目文件夹下运行npm install命令添加相应的依赖,或将项目依赖的npm_module文件夹拷贝到项目文件夹,项目才能正常运行。
这里是需要理解的:本地缓存->本地源码库->远程源码库,三个级别。我们查看version control选项卡,可以看到加入缓存实际上是git add命令,add进来的是"准备提交到本地源码库",只有执行git commit才能真正放到本地源码库。

在changes选项卡,右键,Commit。这时缓存区的文件才真正的存入了本地源码库。
5、我们在changes的log标签,看到版本历史,刚刚提交了一次。
选中刚刚的提交,右键,Create Tag,我们做一个标签:V0.01
看看版本管理控制台,实际上运行了命令git tag V0.0.1 6db050e

四、本地分支及开发流程:
本地Git分支:
1、默认分支
在签入文件前,我们在右下方可以看到branches,只有一个master分支。这个分支,我们将作为发布版本的地方,换句话说,这个分支的每一次演进,都是项目的一个发布版本。我们将创建一个develop分支,这是开发分支,项目最新的状态,很显然,开发分支稳定实现了发布版本的功能集合之后,可合并到master分支并打上版本Tag。
第一次签入后,我们将其作为0.01版,同时在branches窗口,我们可创建新分支了。
2、创建develop分支
实际上执行了如下命令:
git checkout -b develop
当前分支是master,创建新的分支(以当前分支的状态)develop,然后切换当前分支为develop分支。
当然,我们不在develop分支上工作,而是每开始一项工作,创建一个临时分支,完成后合并到develop分支。当develop分支可以作为版本发布的时候,创建临时的发布分支,完成工作后合并回开发分支,再由开发分支合并到master分支,打上版本号tag。
我们看看WebStorm最下一行,右侧,显示Git:Develop,表示当前我们在develop分支工作。点击它,可以发现多了一个本地分支master,我们随时可切换过去。

那么我们这里演练一下,先创建一个分支,目标是在空的文件夹,加入README.md文件,分支命名为folder
做完后签入,然后合并到develop分支,再删除folder分支。
首先,在右下点击Git develop,打开branches窗口,new branch基于当前的分支创建新的分支,命名为folder,此时当前分支切换到folder分支。
在空的文件夹下,增加README.md,会出现是否加入版本库的提示,加入。
然后commit
现在工作做完了。
我们切换到develop分支,我们会发现,放放加入的几个文件不存在了。
然后在分支窗口选择folder分支,选merge合并。
此时会提示已经合并,并给出Delete folder的超链接,点击它,folder分支被删除。
再看看,当前的分支为develop,刚刚加入的文件都出现了。
这是常规的工作流程

五、分享到GitHub
1、在GitHub注册一个账号,假设为wflite
2、file->setting->GitHub change credentials,输入用户名和密码。
3、在VCS->import into version control->share project on github
按要求确定GitHub的远程库名称、并输入用户名和密码。
此时在建立了与GitHub项目的关联,可以push
4、VCS->Git->Push
push current branch to alternative branch默认是不勾选的,表示push到远程的master,我们要在远程库也建立develop分支,因此本地切换到develop分支之后,再push一次,勾选这个选项,会在远程库也建立develop分支,并将本地分支和远程同名分支关联起来。
5、今后,我们维持本地与GitHub的develop分支的同步即可,在发布一个版本时,才将本地的master分支push到服务器master分支。

时间: 2024-08-04 18:31:50

使用WebStorm和Git开发Node.js应用的相关文章

开发Node.js应用最佳IDE Top 10(下)

在开发Node.js应用最佳IDE Top 10(上)一文中,我们为大家介绍了排名前5的开发Node.js应用最佳的IDE,有Cloud 9.Intellij IDEA.WebStorm.Komodo.Koding这五个最受欢迎的IDE.今天,我们将继续为大家揭晓余下的排名,一起来看看都有哪些IDE榜上有名吧! 6) Eclipse Eclipse是一个使用Java. PHP.C++等开发Web的基于云的流行IDE.您可以使用Node.js插件轻松地利用Eclipse IDE的nodeclips

开发Node.js应用最佳IDE Top 10(上)

代码管理是一个软件应用开发过程中非常重要的组成部分,很多程序员都需要高效的代码编辑和调试工具来更加准确和快速地完成工作,这可能也就是为什么会有IDE(集成开发环境)的原因.一个IDE在一个单一的软件应用程序中具有源代码编辑器.代码调试器.代码完成功能.构建自动化工具以及编译器等.现代的IDEs具有单个程序的图形用户界面,并提供多种功能,如编辑.编译.部署和调试软件代码. 有些IDE被专用于一个特定的.单一编程语言,然而也有一些支持多种语言.Eclipse.NetBeans.CodeEnvy.Xo

VS轻松开发Node.js应用

PTVS开发团队又开发出一款可以在VS里编写Node.js应用程序的插件--NTVS(Node.js Tools for Visual Studio),开发者可以在VS里轻松开发Node.js应用. NTVS是一款开源工具,遵循Apache开源许可,由微软和社区维护.适用于Node.js 0.10.20版或更高的版本上.NTVS具有可编辑.智能提示.分析.NPM.调式(本地和远程)等功能,并且还可以发布在Azure网站和Cloud服务上. Node.js可在32位和64位架构上运行,NTVS也同

intellij IDEA开发node.js

现在网上好像关于IDEA开发node.js的讲解不是太多,今天试了一下,竟然成功了.... 1.安装nodejs http://nodejs.org/download/  自动根据系统下载自己的版本node.js 2.环境变量 windows 安装,不需要配置环境变量   mac安装后,会提示你配置环境变量,需要配置环境变量(貌似) 命令  sudo vim /etc/paths 输入密码 然后将路径输入进去, 3.测试是否成功 控制台输入node -v 或者输入node 进去node模式然后输

在Visual Studio上开发Node.js程序

[题外话] 最近准备用Node.js做些东西,于是找找看能否有Visual Studio上的插件以方便开发.结果还真找到了一个,来自微软的Node.js Tools for Visual Studio(NTVS),虽然现在仅发布了1.0 Alpha版本,但使用起来已经非常方便.而且,其开发团队与Python Tools for Visual Studio(PTVS)是同一个,而PTVS就是Visual Studio 2013中要创建自带的Python项目需要安装的那个程序,所以大可放心的使用NT

在Visual Studio上开发Node.js程序(2)——远程调试及发布到Azure

[题外话] 上次介绍了VS上开发Node.js的插件Node.js Tools for Visual Studio(NTVS),其提供了非常方便的开发和调试功能,当然很多情况下由于平台限制等原因需要在其他机器上运行程序,进而需要远程调试功能,不过还好,NTVS提供的远程调试也非常方便. [系列索引] 在Visual Studio上开发Node.js程序——NTVS介绍及使用 在Visual Studio上开发Node.js程序(2)——NTVS远程调试及发布到Azure [文章索引] NTVS远

在Visual Studio 2013 上开发Node.js程序

[题外话] 最近准备用Node.js做些东西,于是找找看能否有Visual Studio上的插件以方便开发.结果还真找到了一个,来自微软的Node.js Tools for Visual Studio(NTVS),虽然现在仅发布了1.0 Alpha版本,但使用起来已经非常方便.而且,其开发团队与Python Tools for Visual Studio(PTVS)是同一个,而PTVS就是Visual Studio 2013中要创建自带的Python项目需要安装的那个程序,所以大可放心的使用NT

详细说明 配置 Sublime Text 开发node.js(windows)包括sub2和sub3的区别

1.先安装Sublime Text  2或者3皆可 2.下载 sublime Text 的nodejs插件 得到那个zip包(后面会介绍用Package Control安装) 3.下载后解压 直接改名为nodejs(一定是这个名字,否则sub2里编辑default文件会报错) 放到 Preferences-->浏览程序包Browse Packages所在的文件夹. 4.打开刚才的nodejs文件夹 找到根目录里面的 Nodejs.sublime-build文件 如下 { "cmd"

NTVS Tools for Visual Studio(在VS 上开发Node.js)

在VS 上开发  Node.js NTVS(Node.js Tools for Visual Studio)是一款 可以运行在VS2012.VS2013上的一个IDE工具. 使用这个插件对于我们传统.net的开发人员学习node.js无疑是一大福音! NTVS也是开源的,它支持编辑,智能感知,分析,npm,本地与远程调试,以及发布到Azure网站和云服务. NTVS下载地址 装之前不用多说 先把node.js的一套东西给装齐了 1·安装 NTVS下载地址(直接下一步-下一步) 2.打开VS201