前端项目上线过程记录

这篇博客详细记录了前端项目从登录Linux服务器,检查和安装依赖(Node.js, Git, Webpack, Sass),创建文件夹,克隆代码,设置SSH公钥,解决合并分支冲突,到编写部署脚本,安装并配置Nginx代理的过程。" 102904423,615954,Python2到Python3请求模块转换问题及解决方案,"['Python', '网络请求', '模块转换', '错误处理', 'JSON']
摘要由CSDN通过智能技术生成

ssh emma@192.168.1.101(登录机器)
vim .bash_profile(配置登录文件)
alias gommall=‘ssh emma@192.168.1.101’(添加)
esc(退出编辑):wq(保存)
source .bash_profile(强制执行)
gommall(登录)(输入密码)
ifconfig
ifconfig | grep 192
在这里插入图片描述
《Emma装1》node -v(检查版本)
在这里插入图片描述

ruby -v(检查版本——未装)
《Emma装2》git -v(检查版本——没有这个命令)
在这里插入图片描述
git --version(检查版本——由emma妹子装好了,版本是2.18.0)(视频上面是2.8.0)
在这里插入图片描述webpack -v (检查版本——未装)
cd /usr/local (进入安装文件夹)
《Emma装3》npm install webpack -g --registry=https://registry.npm.taobao.org(安装webpack)

在这里插入图片描述
上图安装webpack时貌似是装的webpack4.43.0无法支持node12.16.2
可是我的windows项目上就是这两个版本,也没有遇到问题呀
下图是windows截图
在这里插入图片描述
webpack -v(检查版本)
在这里插入图片描述

安装ruby
cd /usr/local (进入安装文件夹)
sudo yum install ruby(这里我在root用户下直接安装,没写sudo)
y(确认并回车)
ruby -v(版本号和视频一样)
在这里插入图片描述

《Emma装4》安装sass(在官网上找安装方式sass-lang.com/install,结果我在官网上没找到linux安装命令,那就照着视频敲吧,也不知道视频上的安装方式是不是已经过时了,试试看吧)
cd /usr/local (进入安装文件夹)
sudo su -c “gem install sass”(这里我在root用户下直接安装,没写sudo)
安装失败,失败原因gem没有找到
在这里插入图片描述
《Emma装5》安装gem
sudo yum install rubygems(这里我在root用户下直接安装,没写sudo)
y(确认并回车)
gem -v(检查版,版本号和视频一样)
在这里插入图片描述
《Emma装4》再次安装sass
执行sudo su -c “gem install sass”(这里我在root用户下直接安装,没写sudo)
结果安装失败
在这里插入图片描述
sass-v(那也查看一下我的版本号试试吧,结果如下图,的确没装上,视频上安装的没出错,安装完的版本是3.4.24)在这里插入图片描述
再试下
sass --version (这1.26.10是啥东西啊)
在这里插入图片描述
虽然上面有些地方没有成功,但是我还是要继续向下操作,一下是进入下一集了,加油

cd /(进入根目录)
ll(查看文件夹)
vim product(需要的文件夹没有,新建)放生产环境的东西,比如dist打包文件等放这里
vim developer(需要的文件夹没有,新建)放开发环境的东西,比如前端发不脚本等放这里
cd developer(进入)
vim git-repository(需要的文件夹没有,新建)放从仓库拉下来的代码
在这里插入图片描述
去码云复制拉取地址
cd git-repository(进入)
git clone git@gitee.com:gxjs/gxjs-fe.git(拉去代码)
在这里插入图片描述
如果key没有配会提示下图错误(图片来源于视频)
在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值