编码备忘录

Ubuntu右上角网络图标消失

sudo service NetworkManager stop
sudo rm /var/lib/NetworkManager/NetworkManager.state
sudo service NetworkManager start

参考：Ubuntu22.04右上角网络图标消失

textarea增加tab缩进

<n-input type="textarea" @keydown.tab.prevent="addTab"/>
<script setup>
function addTab(event) {
  const { selectionStart, selectionEnd } = event.target;
  const value = info.value.content;

  info.value.content =
    value.substring(0, selectionStart) +
    '  ' +
    value.substring(selectionEnd);

  // 更新光标位置
  nextTick(() => {
    event.target.selectionStart = event.target.selectionEnd =
      selectionStart + 2;
  });
}
</script>

参考：Js textarea 支持tab缩进

固定大小vmdk、vdi扩容

进入VirtualBox安装目录

# vmdk转换成vdi
VBoxManage.exe clonehd source.vmdk target.vdi --format VDI
# 创建新虚拟介质，大小为扩容后需要的大小
VBoxManage.exe createhd -filename "D:\vx\docker1\server2008r2_810g" -size 151920 -format VDI -variant Standard
# 克隆命令
VBoxManage.exe clonehd "D:\vx\docker1\docker1.vdi" "D:\vx\docker1\server2008r2_810g.vdi" --existing
# vdi转换成vmdk
VBoxManage.exe clonehd source.vdi target.vmdk --format VMDK

参考：

VM虚拟机无法CV文件

1、确认安装 open-vm-tools-desktop

sudo apt install open-vm-tools-desktop

2、登录系统时，右下角设置选择 xorg 显示服务

参考：解决无法往 VMware 虚拟机复制粘贴文件的问题

Vue3父子组件传值双向绑定

父组件：

<QRCode v-model:showModal="showModal"></QRCode>
<script setup>
const showModal = ref(false);
</script>

子组件：

<n-modal v-model:show="localShowModal"></n-modal>
<script setup>
const props = defineProps(['showModal']);
const emit = defineEmits(['update:showModal']);
const localShowModal = computed({
  get(){
    return props.showModal;
  },
  set(value){
    emit('update:showModal', value);
  }
});
</script>

Vite配置@符路径

import {resolve} from "path"
export default defineConfig({
  resolve: {
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, "src")
      }
    ]
  },
});

参考：在vite项目配置src路径别名为 “@”

Vite低版本浏览器兼容

npm install @vitejs/plugin-legacy -D
npm add -D terser

import legacy from '@vitejs/plugin-legacy'
export default defineConfig({
  plugins: [
    vue(),
    legacy({
      // 设置目标浏览器，browserslist 配置语法
      targets: ['defaults', 'not IE 11'],
      modernPolyfills: true
      // 面向IE11时需要此插件
      // additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
      // polyfills: ['es.object.values', 'es.array.flat-map']
    }),
  ]
})

!(function (t) {
  function e() {
    var e = this || self;
    (e.globalThis = e), delete t.prototype._T_;
  }
  "object" != typeof globalThis &&
    (this
      ? e()
      : (t.defineProperty(t.prototype, "_T_", {
        configurable: !0,
        get: e,
      }),
        _T_));
})(Object);

参考：vite项目低版本浏览器兼容性问题

Vite环境变量

新建 .env 和 .env.local

VITE_API_BASE_URL=http://127.0.0.1:3000

import.meta.env 使用环境变量

import.meta.env.VITE_API_BASE_URL

参考：

node项目环境变量

"scripts": {
  "start": "node ./bin/www",
  "dev": "set NODE_ENV=development&& nodemon ./bin/www"
},

安装 dotenv，区分开发和生产环境

npm install dotenv -S

const dotenv = require('dotenv')
if(process.env.NODE_ENV === "development"){
  dotenv.config({ path: ".env.local" });
}else{
  dotenv.config();
}

新建 .env 和 .env.local

MODB_URL=mongodb://127.0.0.1:27017/

使用环境变量

process.env.MODB_URL

开启/关闭Hyper-v

# 开启
bcdedit /set hypervisorlaunchtype auto
# 关闭
bcdedit /set hypervisorlaunchtype off

SSH相关

SSH的小问题那可太多了，这里记录一下

no hostkey alg

该错误表示 SSH 客户端在尝试连接远程主机时，没有找到匹配的主机密钥算法。这通常是由于远程主机和客户端之间的配置不匹配导致的。

vim /etc/ssh/sshd_config
# 添加一行：
HostKeyAlgorithms +ssh-rsa,ssh-dss
#重启sshd服务
service sshd restart

免密登陆配置

将本地公钥添加到服务器的 ~/.ssh/authorized_keys 文件中

配置使用密钥登陆

Host qcqx
  HostName 8.*******
  Port 22
  User root
  ForwardAgent yes
  PreferredAuthentications publickey
  IdentityFile "C:\Users\64507\.ssh\test.rsa"
  IdentitiesOnly yes

修改 /etc/ssh/sshd_config 文件

PubkeyAuthentication yes
RSAAuthentication yes
AuthorizedKeysFile .ssh/authorized_keys
StrictModes no
PubkeyAcceptedAlgorithms +ssh-rsa

ssh配置免密码登录至Linux—已配置密钥仍无法登陆等问题

ssh-rsa not in PubkeyAcceptedAlgorithms

ssh-rsa已被弃用，事实上，出于安全原因默认禁用，应该避免。使用rsa-sha2-256或rsa-sha2-512代替

修改 /etc/ssh/sshd_config 文件

PubkeyAcceptedAlgorithms +ssh-rsa

SSH server gives "userauth_pubkey: key type ssh-rsa not in PubkeyAcceptedAlgorithms [preauth]" when connecting with Putty

win下ssh找不到config和密钥

window下，ssh会去找 HOME 环境变量下的 .ssh 文件夹。需要确保该环境变量存在。

为火狐单独写CSS

任何以以 @-moz- 开头的规则都是 Gecko 引擎特定的规则，而不是标准规则

url-prefix(url) 规则将包含的样式规则应用于 URL 以其开头的任何页面。不带 URL 参数使用时，适用于所有页面。

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: #43b4ffc0 transparent;
  }
}

参考：只为 Firefox 编写 CSS 规则

wsl 相关

wsl的小问题、小细节可太多了

wslhost

给wsl的动态ip设置host，方便外部连接

vim /etc/profile
# 添加下面内容
ipaddr=$(ifconfig eth0 | grep 'inet ' | awk '{print $2}')
sed -i '/wslhost/d' /mnt/c/Windows/System32/drivers/etc/hosts
echo "$ipaddr wslhost" >> /mnt/c/Windows/System32/drivers/etc/hosts

sudo免密

sudo visudo
# 加上一行
<用户名> ALL=(ALL) NOPASSWD:ALL

wsl自动启动ssh服务

vim ~/.bashrc # 编辑.bashrc，添加ssh服务状态判断
sudo service ssh status | grep -q 'not running' && sudo service ssh start

vscode 插件发布

# 申请 token：https://dev.azure.com/qcqx/_usersSettings/tokens
vsce login qcqx # 登陆，输入 token
vsce package # 打包
vsce publish # 发布

轻笑Chuckle

文章目录