电脑卡没钱换?试试远程服务器编程吧!

168 阅读2分钟

目录

电脑卡没钱换?试试远程服务器编程吧!

一、背景

最近发现电脑有点卡,想换Macbook但是好像荷包不太能支持hhhh

所以产生了一个想法,自己有一台服务器,为何不把项目放在服务器上面跑,电脑只需要打开个编辑器远程链接,这样性能消耗基本就是在服务器上了

话不多说,直接来

二、步骤

1.按照ssh工具

这里我使用vscode 所以找到一个ssh远程连接插件,也可以用webstorm但是不推荐,比较wb本身就是ide,比较笨重

image_9fcdqnSDxR.png 配置比较简单,大家自行百度吧,有很多教程

2.安装环境

我们需要的是安装git,其他的按照个人需求,这里以node环境为例子,以及pnpm包管理

这个步骤比较简单,就不一一阐述了,如果有需要哪里不懂欢迎私信,说不定我可以帮上忙~

git: git-scm.com/

node:nodejs.org/

pnpm: pnpm.io/zh/

3.配置git

a.生成ssh

在linux开发机上生成ssh key。输入命令

$ ssh-keygen -t rsa -C "your_email@youremail.com"

image_c_yr6Bolyr.png

(这个email地址只是个提示,不必跟github账号一致)输入命令后,会提示key文件的存放位置,一般不用改。然后会提示输入一个密码。密码主要用于对rsa私钥进行加密,对于自己的开发用机,可以不输入密码。

b.配置ssh

把ssh key的公钥显示出来

$ cat ~/.ssh/id_rsa.pub

image_9vGmztwdvX.png

复制粘贴到github。github配置ssh key的地方在https://github.com/settings/keys

image_paHmNaQAma.png

image_CmvRVxOxvr.png

image_u_gvuNiILj.png

测试ssh key是否配置成功,在linux开发机上输入

$ ssh -T git@github.com

注意:这里一定要输入yes 不然后面会有错误(貌似没办法默认enter为yes)

成功后就会出现这句话了:

Hi xxx! You've successfully authenticated, but GitHub does not provide shell access.

image_RBN6GKhhBx.png

c.配置git用户名与邮箱

$ git config --global user.name "your name"
$ git config --global user.email "your_email@youremail.com"

以后可以通过git config --global -l来查看全局设置,git config --global -e来编辑

d.把远程的项目克隆至本地

git clone https://github.com/username/project.git

这里推荐用ssh去clone 不然可能会出现超时错误:(或者改dns、挂梯子...)

image_D7VzH7xi0G.png

然后就可以开始施展魔法,开始搞项目了~

三、项目demo

这里我随便去创建一个node项目并启动服务器

image_YKLVfnZagL.png

接着打开文件

image_llALUX92as.png

image_s4E8Ctp0jq.png

创建node服务器

image_5aUTKioS8k.png

可见转发端口,咱们浏览器打开就可以进行调试了,非常方便(可以自行添加转发端口)

image_9X62ckB1Mp.png

(忽略中文编码,懒得调了...)

四、其他

最后我们发现这里linux终端没有颜色高亮,比较难看清楚log信息

上网再找一个高亮以及美化方法

vscode终端

vscode终端主题:glitchbone.github.io/vscode-base…

image_e4qdkh9zX5.png

这里有很多的终端美化方案,可以直接copy

然后在vscode setting这里copy进去就ok了

image_38lNT64x5X.png

  "workbench.colorCustomizations": {
    你的颜色方案
  }

终端提示符颜色高亮

这里加入一个用户名高亮,代码在这:

tail -1 .bashrc
PS1='[\[\033[1;31m\]\u\[\033[0m\]@\[\033[1;32m\]\h \[\033[1;36m\]\w\[\033[0m\]]\$ '

这样就更方便我们开发查看了

其他方案自行寻找吧

image_kVgYAo-1Zs.png