判断网站是否被k,wordpress设置关键词,专业的常州做网站,100个有趣的网站利用FnOS搭建虚拟云桌面#xff0c;并搭建前端开发环境 二 一、docker镜像二、环境配置三、核心环境配置流程文档 利用FnOS搭建虚拟云桌面#xff0c;并搭建前端开发环境#xff08;一#xff09;
上一章安装了飞牛FnOS系统#xff0c;界面如下#xff0c;这一张配置前端… 利用FnOS搭建虚拟云桌面并搭建前端开发环境 二 一、docker镜像二、环境配置三、核心环境配置流程文档 利用FnOS搭建虚拟云桌面并搭建前端开发环境一
上一章安装了飞牛FnOS系统界面如下这一张配置前端开发基础环境亲测可用。
一、docker镜像
确定自己的网络没有问题即可加载出来docker镜像列表第一次加载可能会很慢除非网络好。 镜像搜索下载选择合适的镜像即可一下是我自己安装的镜像
二、环境配置
注意默认数据都是保存在系统镜像里的后续可以提取到一个统一的环境文件夹下。 1.redis 傻瓜式集成安装后直接启动就可以。 通过桌面ipredis端口就可访问 2.mysql 傻瓜式集成安装后直接启动就可以。 通过桌面ipmysql端口就可访问
3.nginx 傻瓜式集成安装后直接启动就可以。 因为nginx的默认80端口被系统占用所以此处我更改为了8080可自行调整。
通过桌面ipnginx端口就可访问 4.code-server网页版的vscode 效果可以当真实的vscode使用可开发 这个也是最难的一个最容易出错的一个。 如果配置好了没有太大问题但是它如果默认安装了则有个致命bug就是他的文件都在server内部如果修改了【容器详情】的任意配置再启动就会自动格式化为了解决这个问题需要将核心配置映射到自己的数据磁盘上。 5.运行镜像之前一定要配置好运行环境 一定要将文件映射到系统数据盘上否则修改配置会重置数据会丢失
三、核心环境配置流程文档 注意这些命令都是在code-server的终端中执行的 1.安装code-server【linuxserver/code-server】Code-server → https://coder.com/【自定义虚拟机推荐】GitHub → https://github.com/linuxserver/docker-code-serverDocker Hub → https://hub.docker.com/r/linuxserver/code-server【FnOS推荐】环境变量-e
env 说明
TZEurope/London 设置时区在国内的话可以使用 Asia/Shanghai
PASSWORDpassword Web界面的密码如果不设置则不会启用认证password自定义
SUDO_PASSWORDpassword 如果设置了该项则在服务器的终端上用该密码使用sudopassword自定义
PROXY_DOMAINcode-server.my.domain 反向代理相关的设置可不配置# 注意 以上环境变量我就配置了如下两个
PASSWORD 是vscode页面锁屏密码可设一层保护
SUDO_PASSWORD 是server的sudo命令需要输入的密码最好配置一下否则执行sudo命令的时候不知道密码无密码也不行往后的配置建议先修改镜像源否则过慢
因为fnos没有vim所以先使用nano
nano 是一个在 Linux 系统中广泛使用的文本编辑器以其简单易用而受到初学者的欢迎。以下是 nano 编辑器的一些常用命令和操作
启动 nano 编辑器
打开现有文件nano 文件名
创建新文件如果指定的文件不存在nano 会自动创建一个新的空白文件。
保存文件
按下 Ctrl O然后按 Enter 键保存当前编辑的文件。
退出 nano 编辑器
按下 Ctrl X 退出 nano。如果文件有未保存的修改nano 会提示您是否要保存更改。
光标移动
使用方向键上下左右移动光标。
Ctrl A 移动到行首。
Ctrl E 移动到行尾。
文本编辑
Backspace 删除光标前的字符。
Delete 删除光标后的字符。
Ctrl K 剪切当前行。
Ctrl U 粘贴最近剪切的内容。
文本搜索
Ctrl W 向前搜索字符串。
Alt W 向后搜索字符串。
撤销和重做
Alt U 撤销上一步操作。
Alt E 重做上一步撤销的操作。
帮助
Ctrl G 显示帮助文档。
语法高亮
Alt Y 语法高亮。
显示行数
在打开文件时加上参数 -c例如 nano -c 文件名.txtnano 会显示行数。
或者在编辑文件时使用快捷键 CtrlC 来显示当前光标所在的行数和列数。
若要总是显示行号可以编辑 nano 的配置文件在终端中输入 nano ~/.nanorc键入 set constantshow然后保存并退出。2.下载过慢-更改镜像源后续就可vim编辑了
nano /etc/apt/sources.list-------------------完整如下-start------------------
# deb http://archive.ubuntu.com/ubuntu/ noble main restricted
# deb-src http://archive.ubuntu.com/ubuntu/ noble main restricted
# deb http://archive.ubuntu.com/ubuntu/ noble-updates main restricted
# deb-src http://archive.ubuntu.com/ubuntu/ noble-updates main restricted
# deb http://archive.ubuntu.com/ubuntu/ noble universe multiverse
# deb-src http://archive.ubuntu.com/ubuntu/ noble universe multiverse
# deb http://archive.ubuntu.com/ubuntu/ noble-updates universe multiverse
# deb-src http://archive.ubuntu.com/ubuntu/ noble-updates universe multiverse
# deb http://archive.ubuntu.com/ubuntu/ noble-security main restricted
# deb-src http://archive.ubuntu.com/ubuntu/ noble-security main restricted
# deb http://archive.ubuntu.com/ubuntu/ noble-security universe multiverse
# deb-src http://archive.ubuntu.com/ubuntu/ noble-security universe multiversedeb https://mirrors.aliyun.com/ubuntu/ noble main restricted universe multiverse
deb-src https://mirrors.aliyun.com/ubuntu/ noble main restricted universe multiversedeb https://mirrors.aliyun.com/ubuntu/ noble-security main restricted universe multiverse
deb-src https://mirrors.aliyun.com/ubuntu/ noble-security main restricted universe multiversedeb https://mirrors.aliyun.com/ubuntu/ noble-updates main restricted universe multiverse
deb-src https://mirrors.aliyun.com/ubuntu/ noble-updates main restricted universe multiverse# deb https://mirrors.aliyun.com/ubuntu/ noble-proposed main restricted universe multiverse
# deb-src https://mirrors.aliyun.com/ubuntu/ noble-proposed main restricted universe multiversedeb https://mirrors.aliyun.com/ubuntu/ noble-backports main restricted universe multiverse
deb-src https://mirrors.aliyun.com/ubuntu/ noble-backports main restricted universe multiverse
-------------------完整如下-end--------------------3.安装vim
sudo apt-get update
sudo apt-get install vim
一路y即可输入which vim
如果有打印出vim的路径则已安装成功4.安装zsh
sudo apt-get install zsh一路y即可安装ohmyzsh
sh -c $(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)
或者
sh -c $(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh) 【推荐】将zsh设置为默认
cat /etc/shells执行
chsh -s /bin/zsh
输入密码即可默认主题为
robbyrussell配置zsh插件【下载插件】
cd .oh-my-zsh/custom/plugins进入到插件目录后直接克隆即可
git clone https://github.com/zsh-users/zsh-autosuggestions.git
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git修改~/.zshrc追加插件【z extract默认已经有了】
plugins(git zsh-autosuggestions zsh-syntax-highlighting z extract)自动提示插件 zsh-autosuggestions
代码高亮插件 zsh-syntax-highlighting从此输入命令有了历史提示5.node环境安装
nvm安装
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash找到.bashrc和~/.zshrc追加如下内容注意如果只追加.bashrc则zsh下不生效
export NVM_DIR$([ -z ${XDG_CONFIG_HOME-} ] printf %s ${HOME}/.nvm || printf %s ${XDG_CONFIG_HOME}/nvm)
[ -s $NVM_DIR/nvm.sh ] \. $NVM_DIR/nvm.sh # This loads nvm
设置镜像-追加
export NVM_NODEJS_ORG_MIRRORhttps://npmmirror.com/mirrors/node/安装node
nvm install 20.18.0设置npm镜像
npm config set registry https://registry.npmmirror.com/环境验证
node -vnpm -v
有版本号输出即可由此就安装完成了并且搭建了一个自己本地的开发环境以后只需要将镜像打包可以随意迁移至其他系统镜像源更换 vim验证 zsh安装顺序安装ohmyzsh之前必须先安装zsh ohmyzsh安装 zsh插件安装 注意plugins和最后面的环境追加。 如此按照流程配置完成后即可享用vscode开发了。 效果如下
其他的环境和系统亮点就需要你自己慢慢探索了比如系统备份到百度网盘等同步百度网盘系统资源到系统等~~~ 注意不要轻易升级code-server因为sudo安装的环境都在server内升级后需要从头再来一遍~~~ 利用FnOS搭建虚拟云桌面并搭建前端开发环境一 创作不易查了好多文档才形成最终版转载请注明出处
