您的位置:首页 > Web前端 > Node.js

github使用(通过webstorm创建一个nodejs项目的本地git库,推送到github进行管理,(ssh密钥无用户密码方式))

2016-11-27 18:49 1106 查看
通过webstorm创建一个nodejs项目的本地git库,推送到github进行管理,(ssh密钥无用户密码方式)1. 先在github.com上注册用户(https://github.com/),我注册的用户名是jiyeking2. 注册登录后的页面,单击头像然后显示下拉页面中选择 Your profile:进入到如下页面,再单击 Repositories:进入到如下页面,后单击 New创建项目仓库:,如下图所示,按照说明创建:创建后进入如下页面:这里我选择使用ssh:3. 然后开始本地操作:(通过webstorm创建一个nodejs项目的git库推送到github)现在本地创建项目, 并创建导入到本地库,见:《WebStorm创建nodejs Express工程(node js web 开发),并进行git版本管理》一文然后打开git bash打开后通过cd命令切换到创建的项目(也是git本地库)的目录下,当进入到一个git库时,会显示当前所在分支,比如现在的test项目的git库就是在master分支,如下在git库目录下就可以使用git的相关命令了。先配置一下git的用户名和邮箱地址,一般是为了代表当前人的身份:用户名配置:git config --global user.name "《你的用户名》"邮箱配置:git config --global user.email "《你的邮箱地址》"接下来创建密钥:(可以先去c盘的C:\Users\JKL\.ssh目录下查看是否存在)通过:ssh-kengen -t  rsa -C "《你邮箱地址》"会在目录C:\Users\JKL\.ssh下生成一对密钥,其中id_rsa的为私钥,需要好好保管,id_rsa.pub的是公钥,需要放到GitHub上去,如何把公钥添加到GitHub呢,如下图:(1) 点击个人头像,在下拉页面中选择Settings:(2) 在页面的左侧找到SSH and GPG keys 点击 ,然后看到如下图所示的右侧界面(3) 单击New SSH key,按图所示填写个title,把id_rsa.pub文件里的整个字符串拷贝粘贴到Key文本框中,再单击:Add SSH key按钮即可完成在GitHub上添加公钥的工作接下来需要再本地的GitBash中通过命令把私钥添加到SSH中,以让当前机器通过ssh访问GitHub时能与公钥配对完成验证,先用cd命令切换到存放密钥的路径下:通过ssh-add id_rsa添加失败,后通过先执行:eval $(ssh-agent)  然后再执行ssh-add id_rsa完成添加,具体参考http://stackoverflow.com/questions/17846529/could-not-open-a-connection-to-your-authentication-agent通过 ssh -T git@github.com  命令完成测试密钥是否配置成功,如下所示,提示成功。在GitBash中切换到test项目路径下,给test的git库添加远程的GitHub上之前创建的空库关联,然后进行推送:具体操作如下:(1)找到在GitHub上创建的库,会显示库的地址(注意这里是SSH):(2)在test目录(git库目录)下执行命令:
git remote add origin git@github.com:jiyeking/test.git  (添加远程库,对应GitHub上的库地址)
git push -u origin master  (本地库推送到远程库(即上步配置的远程GitHub库))
推送成功,在GitHub上查看test项目
正是本地的test项目!
接下来再WebStorm中修改test项目直接提交到本地库后,再用push菜单推送即可,如下:
(1)先修改index.js,添加
router.get('/myTest', function(req, res, next) {res.render('myTestView', { title: 'This is my Test html!' });});
(2)然后在views目录下创建myTestView.ejs文件:
(3)提示是否添加到git库跟踪,yes即可
(4)然后把index.ejs中的内容复制到myTestView.ejs中即可,启动程序
<!DOCTYPE html><html><head><title><%= title %></title><link rel='stylesheet' href='/stylesheets/style.css' /></head><body><h1><%= title %></h1><p>Welcome to <%= title %></p></body></html>
(5)启动后访问:http://localhost:3000/myTest
(6)没问题,然后把更改和添加的文件提交到本地git库:
点击commit后,会有提示,确定提交后,提交成功会在下面显示:
(7)现在已经提交到本地库了,还需要push到远程的GitHub库
确定无误后点击Push即可,(提交到远程的master分支,当远程有多个分支时可以指定),推送过程WebStorm最下方会有进度提示,成功后显示:
再次去GitHub上的test项目下查看,会有push上来的内容了
大致如此,当然要开发还有需要可以配置的,WebStorm可以安装很多插件和配置模板,像ejs的新建文件就没有模板,可以自己添加一个模板,方便快速开发,节省力气等等。

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息