爬虫进阶(scrapy框架)

electorn的安装指南


:::tip{title="提示"}
资料不全，随时补充
:::
## 1.创建项目
```
npm create @quick-start/electron@1.0.16 easychat-front
```
```
Need to install the following packages:
@quick-start/create-electron@1.0.16
Ok to proceed? (y) y
√ Select a framework: » vue
√ Add TypeScript? ... No / Yes
√ Add Electron updater plugin? ... No / Yes
√ Enable Electron download mirror proxy? ... No / Yes
```
## 2.安装依赖

```
cd .\easychat-front\
npm install
```
## 3.运行

```
npm run dev
```

:::note{title="注"}
文章如有错误，还望留言指正
:::

参考资料
特殊原因，不便展示，请见谅

electorn的安装指南

vue的安装指南



# vue2
## 1.首先安装nodejs
从 [Node.js 官网](https://nodejs.org/) 下载并安装最新版本的 Node.js。
## 2.使用淘宝NPM镜像（可选）
【win+r】输入cmd，打开命令行窗口，输入

```
npm install -g cnpm --registry=https://registry.npm.taobao.org
```
## 3.项目初始化,安装vue-cli

```
npm install vue-cli -g //全局安装 vue-cli
```
安装完成后，vue-cli文件夹会出现在你自定义的全局路径下。
## 4.查看vue-cli是否成功，不能检查vue-cli，需要检查vue

```
vue -v
```
# vue3
## 1.首先安装nodejs
https://www.yuque.com/tianwen-8blul/scy3iz/igyzztzsrz457el9
## 2.使用淘宝NPM镜像（可选）
【win+r】输入cmd，打开命令行窗口，输入
```
npm install -g cnpm --registry=https://registry.npm.taobao.org
```
## 3.项目初始化,init创建项目
```
# 最新稳定版
$ npm init vue@latest
```
这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。
如果不确定是否要开启某个功能，你可以直接按下回车键选择 No。
```
$ npm init vue@latest
Need to install the following packages:
 create-vue@3.6.1
Ok to proceed? (y) y

Vue.js - The Progressive JavaScript Framework
# 这里需要进行一些配置，项目名输入 runoob-vue3-test，其他默认回车即可
&#x2714; Project name: … runoob-vue3-test
&#x2714; Add TypeScript? … No / Yes
&#x2714; Add JSX Support? … No / Yes
&#x2714; Add Vue Router for Single Page Application development? … No / Yes
&#x2714; Add Pinia for state management? … No / Yes
&#x2714; Add Vitest for Unit Testing? … No / Yes
&#x2714; Add an End-to-End Testing Solution? › No
&#x2714; Add ESLint for code quality? … No / Yes

Scaffolding project in /Users/tianqixin/runoob-test/runoob-vue3/runoob-vue3-test...

Done. Now run:

 cd runoob-vue3-test
 npm install
 npm run dev
```
## 4.create创建项目
vue create 命令创建项目语法格式如下：

```
vue create [options] <app-name>
```
创建一个由 vue-cli-service 提供支持的新项目：
options 选项可以是：
● -p, --preset `<presetName>`： 忽略提示符并使用已保存的或远程的预设选项
● -d, --default： 忽略提示符并使用默认预设选项
● -i, --inlinePreset `<json>`： 忽略提示符并使用内联的 JSON 字符串预设选项
● -m, --packageManager `<command>`： 在安装依赖时使用指定的 npm 客户端
● -r, --registry `<url>`： 在安装依赖时使用指定的 npm registry
● -g, --git `[message]`： 强制 / 跳过 git 初始化，并可选的指定初始化提交信息
● -n, --no-git： 跳过 git 初始化
● -f, --force： 覆写目标目录可能存在的配置
● -c, --clone： 使用 git clone 获取远程预设选项
● -x, --proxy： 使用指定的代理创建项目
● -b, --bare： 创建项目时省略默认组件中的新手指导信息
● -h, --help： 输出使用帮助信息
接下来我们创建 runoob-vue3-app 项目：

```
vue create runoob-vue3-app
```
执行以上命令会出现安装选项界面：
```
Vue CLI v4.4.6
? Please pick a preset: (Use arrow keys)
❯ default (babel, eslint)
 Manually select features
```
按下回车键后就会进入安装，等候片刻即可完成安装。
安装完成后，我们进入项目目录：

```
cd runoob-vue3-app2
npm run server
```
## 5.进入并运行项目

```
$ cd runoob-vue3-test
$ npm install
$ npm run dev
 VITE v4.3.4 ready in 543 ms

 ➜ Local: http://localhost:5173/
 ➜ Network: use --host to expose
 ➜ press h to show help
```
## 6.Vue3 项目打包
打包 Vue 项目使用以下命令：

```
npm run build
```
执行完成后，会在 Vue 项目下会生成一个 dist 目录，该目录一般包含 index.html 文件及 static 目录，static 目录包含了静态文件 js、css 以及图片目录 images（如果有图片的话）。

vue的安装指南

docker教程



## 1、基本命令

```
#查看命令
docker

#查看运行的容器
docker ps

#查看所有的容器
docker ps -a
```
## 2、启动容器

```
docker run -itd -p 80:80 -v /home:/home ubuntu /bin/bash

-i: 交互式操作。
-t: 终端。
-d: 容器启动后会进入后台。
-p: 外部ip:内部ip
-v: 外部卷:内部卷
-net=host 使用本地网络
ubuntu: ubuntu 镜像。
/bin/bash：放在镜像名后的是命令，这里我们希望有个交互式 Shell，因此用的是 /bin/bash。
–net=host 使用系统网络 ,要退出终端，直接输入 exit
```
## 3、进入容器

```
docker attach name

docker exec name
```
tip:推荐大家使用 docker exec 命令，因为此命令会退出容器终端，但不会导致容器的停止。
## 4、创建、导出和导入容器

```
#创建容器 :从容器创建一个新的镜像。
docker commit -a "runoob.com" -m "my apache" a404c6c174a2 mymysql:v1

-a: 提交的镜像作者
-c: 使用Dockerfile指令来创建镜像
-m: 提交时的说明文字
-p: 在commit时，将容器暂停



#导出容器
docker export 1e560fca3906 > ubuntu.tar


#导入容器
cat docker/ubuntu.tar | docker import - test/ubuntu:v1
#远程导入容器
docker import http://example.com/exampleimage.tgz example/imagerepo
```
## 5、删除容器

```
#删除容器
docker rm -f 1e560fca3906

#删除镜像
docker rmi -f name
```
## 6、系统运行容器

```
docker start name #开启

docker stop name #关闭

docker enable name #开机自启
```
## 7、检查 WEB 应用程序
使用 docker inspect 来查看 Docker 的底层信息。它会返回一个 JSON 文件记录着 Docker 容器的配置和状态信息

```
docker inspect
```
## 8、docker创造数据卷
```
docker volume create portainer_data
```
## 9、docker加载docker镜像包到容器

```
docker load -i 镜像包
```
:::note{title="注"}
文章如有错误，还望留言指正
:::

参考资料
特殊原因，不便展示，请见谅

docker基本使用

vanblog的安装指南和个性化定制



官网地址 https://vanblog.mereith.com/
github https://github.com/Mereithhh/vanblog

:::note{title="注"}
由于vanblog正在迅速开发期间，暂时参考官网
:::
## vanblog的安装指南
请参考官网

## vanblog的迁移
请参考官网

## vanblog的个性化定制
正在探索中

:::note{title="注"}
文章如有错误，还望留言指正
:::

参考资料
特殊原因，不便展示，请见谅