diff --git "a/\345\217\266\346\235\250/2024.07.08\345\274\200\345\217\221\347\216\257\345\242\203\346\230\257\344\273\200\344\271\210\357\274\237.md" "b/\345\217\266\346\235\250/2024.07.08\345\274\200\345\217\221\347\216\257\345\242\203\346\230\257\344\273\200\344\271\210\357\274\237.md" new file mode 100644 index 0000000000000000000000000000000000000000..39aabd816db87730b158b4df193032bb8b53aa76 --- /dev/null +++ "b/\345\217\266\346\235\250/2024.07.08\345\274\200\345\217\221\347\216\257\345\242\203\346\230\257\344\273\200\344\271\210\357\274\237.md" @@ -0,0 +1,70 @@ +## 开发环境是什么? + +![img](https://kimi.moonshot.cn/kimi-chat/assets/avatar/kimi_avatar_keep_light.png) + +作为一名全栈开发工程师,你的开发环境应该能够支持前端和后端的开发工作。根据你提到的技术栈,以下是对你的开发环境的一些建议分析: + +### 前端开发环境 + +1. **代码编辑器**:选择一个功能强大的代码编辑器,如Visual Studio Code、Sublime Text或Atom,它们都支持HTML、CSS和JavaScript的语法高亮和代码补全。 +2. **浏览器**:安装多个浏览器(如Chrome、Firefox、Safari等),以确保你的前端代码在不同的浏览器上都能正常工作。 +3. **版本控制**:使用Git进行版本控制,并通过GitHub、GitLab或Bitbucket等平台托管代码。 +4. **前端框架和库**: + - **Vue.js**:用于构建用户界面的渐进式框架,你已经学习了Vue,可以利用它来快速开发单页应用(SPA)。 + - **Axios**:一个基于Promise的HTTP客户端,用于从前端向后端发送请求。 + - **jQuery**:一个快速、小巧且功能丰富的JavaScript库,简化HTML文档遍历、事件处理等操作。 + - **Ajax**:一种在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术。 +5. **构建工具**:使用Webpack、Gulp或Grunt等工具来自动化前端开发任务,如模块打包、压缩、编译等。 +6. **CSS预处理器**:如Sass或Less,它们扩展了CSS的功能,使样式表更加易读和易维护。 +7. **响应式设计工具**:使用媒体查询和框架(如elementplus)来确保你的网站在不同设备上都能良好显示。 + +### 后端开发环境 + +1. **Node.js**:一个基于Chrome V8引擎的JavaScript运行环境,可以让你在服务器端运行JavaScript代码。 +2. **Web框架**: + - **Express.js**:一个灵活的Node.js Web应用框架,提供了丰富的HTTP实用工具。 + - **Koa.js**:由Express原班人马打造,是一个用于Web应用和API的Node.js框架,旨在提供更优雅的语法和更小的体积。 +3. **MVC架构**:模型-视图-控制器(Model-View-Controller)架构模式,帮助你组织代码,使其更易于维护和扩展。 +4. **数据库**:根据需要选择合适的数据库,如MongoDB、MySQL、PostgreSQL等,用于数据存储和管理。 +5. **API测试工具**:如Postman或Insomnia,用于测试和调试后端API。 +6. **容器化技术**:学习使用Docker,它可以帮助你创建一致的后端环境,并简化部署过程。 +7. **CI/CD**:了解并实践持续集成和持续部署,使用Jenkins、Travis CI、CircleCI等工具自动化测试和部署流程。 +8. **代码质量工具**:使用ESLint、Prettier等工具来保证代码质量和风格一致性。 +9. **项目管理工具**:使用JIRA、Trello或Asana等工具来跟踪项目进度和管理任务。 + +### 综合建议 + +- 确保你的开发环境配置了所有必要的开发工具和依赖。 +- 保持对新技术的好奇心和学习态度,不断更新和优化你的开发环境。 +- 考虑使用Docker容器来隔离开发环境,确保开发环境的一致性。 +- 学习并实践敏捷开发方法,提高开发效率和团队协作。 + + + +# Doctor容器是什么 + +当然可以。Docker 可以想象成一个非常实用的工具箱,它帮助你打包和运输软件应用,就像打包和运输一个玩具箱一样。下面我会用一些简单的比喻来解释Docker的一些基本概念: + +1. **容器(Container)**:就像一个装着玩具的塑料箱,每个箱子(容器)都是独立的,里面装着不同的玩具(应用和它的运行环境)。你可以轻松地拿起一个箱子,放到任何地方,打开就能玩。 + +2. **镜像(Image)**:就像是玩具箱的蓝图或者说明书,告诉你这个箱子里应该有什么玩具,以及如何组装它们。根据这个蓝图,你可以制作出很多相同的玩具箱。 + +3. **Dockerfile**:就像是一本食谱书,里面列出了制作一个特定玩具箱(容器)所需的所有步骤和材料。 + +4. **仓库(Repository)**:就像是一个玩具商店,你可以在这里找到各种不同的玩具箱(镜像),也可以把自己制作的玩具箱放在这里供别人使用。 + +5. **Docker Compose**:就像是一个玩具箱的集合,你可以一次性地告诉Docker,你需要哪些玩具箱,以及它们是如何配合工作的。 + +6. **网络(Networking)**:就像玩具箱里的小车和飞机需要跑道一样,容器之间也需要一种方式来互相通信。 + +7. **卷(Volumes)**:就像玩具箱底部的抽屉,用来存放一些你不想每次玩完都要重新整理的玩具,这样下次玩的时候可以直接拿出来。 + +Docker 的主要好处是: + +- **方便**:你可以快速地创建、移动和启动你的应用。 +- **一致性**:无论你在哪里打开玩具箱,里面的玩具都是相同的,不会出现缺少部件的情况。 +- **隔离**:每个玩具箱都是独立的,不会和其他箱子里的玩具混在一起。 +- **自动化**:你可以用一本食谱书(Dockerfile)来自动制作玩具箱,而不需要手动一个个组装。 + +简单来说,Docker 就是帮助你更容易地创建、分享和运行软件应用的一个工具。 + diff --git "a/\345\217\266\346\235\250/2024.07.09\351\230\277\351\207\214\344\272\221\346\234\215\345\212\241\345\231\250\351\203\250\347\275\262\345\212\240\351\205\215\347\275\256Postgres\346\225\260\346\215\256\345\272\223.md" "b/\345\217\266\346\235\250/2024.07.09\351\230\277\351\207\214\344\272\221\346\234\215\345\212\241\345\231\250\351\203\250\347\275\262\345\212\240\351\205\215\347\275\256Postgres\346\225\260\346\215\256\345\272\223.md" new file mode 100644 index 0000000000000000000000000000000000000000..98d0892a9e9c0a924b6473f8607fa51ca5b13453 --- /dev/null +++ "b/\345\217\266\346\235\250/2024.07.09\351\230\277\351\207\214\344\272\221\346\234\215\345\212\241\345\231\250\351\203\250\347\275\262\345\212\240\351\205\215\347\275\256Postgres\346\225\260\346\215\256\345\272\223.md" @@ -0,0 +1,34 @@ +# 阿里云服务器部署加配置Postgres数据库 + +## 首先先看一下我们服务器的相关数据: + + + + + + + +## 编辑 PostgreSQL 配置文件: + +PostgreSQL 有两个主要的配置文件:postgresql.conf 控制服务器行为,而 pg_hba.conf 控制客户端认证。 +1.打开 postgresql.conf 文件。这个文件通常位于 /etc/postgresql//main/ 目录下,其中 是 PostgreSQL 的版本号。例如: +sudo nano /etc/postgresql/13/main/postgresql.conf +2.在 postgresql.conf 文件中,找到 listen_addresses 参数,将其值改为 * 以允许服务器监听所有可用的接口: + +- Connection Settings - +... listen_addresses = '*' +3.保存并关闭文件。 +4.接下来,编辑 pg_hba.conf 文件,同样位于 /etc/postgresql//main/ 目录下。你需要添加或修改一个条目来允许所有 IP 地址的连接。例如: +sudo nano /etc/postgresql/13/main/pg_hba.conf +5.在 pg_hba.conf 文件中,添加以下行以允许所有 IP 地址从任何地方连接到数据库(不推荐用于生产环境,因为这会带来安全风险): +TYPE DATABASE USER ADDRESS METHOD +host all all 0.0.0.0/0 md5 +这里的 md5 方法意味着连接时需要通过密码验证。 +6.保存并关闭文件。 +7.重启 PostgreSQL 服务: +修改完配置文件后,需要重启 PostgreSQL 服务以使更改生效: +sudo systemctl restart postgresql +8.postgres设置密码 +在 PostgreSQL 中设置密码可以通过以下步骤完成: +登录到 PostgreSQL 数据库服务器。 使用 ALTER USER 命令来设置密码。例如,要将用户 postgres 的密码设置为 new_password,可以使用以下命令: ALTER USER postgres WITH PASSWORD 'new_password'; +请将 new_password 替换为你想要设置的实际密码。 \ No newline at end of file diff --git "a/\345\217\266\346\235\250/2024.07.10\351\230\277\351\207\214\344\272\221\346\234\215\345\212\241\345\231\250\346\214\226\347\237\277\350\247\243\345\206\263\351\227\256\351\242\230\346\226\271\346\263\225.md" "b/\345\217\266\346\235\250/2024.07.10\351\230\277\351\207\214\344\272\221\346\234\215\345\212\241\345\231\250\346\214\226\347\237\277\350\247\243\345\206\263\351\227\256\351\242\230\346\226\271\346\263\225.md" new file mode 100644 index 0000000000000000000000000000000000000000..35ae146f12cf089b7a2f5f4bc63df15cb98b94c2 --- /dev/null +++ "b/\345\217\266\346\235\250/2024.07.10\351\230\277\351\207\214\344\272\221\346\234\215\345\212\241\345\231\250\346\214\226\347\237\277\350\247\243\345\206\263\351\227\256\351\242\230\346\226\271\346\263\225.md" @@ -0,0 +1,20 @@ +1. **打开服务器**:首先登录到你的阿里云服务器。 + +2. **查看哪些程序在运行**:在服务器上打开命令行工具,输入`top`,然后按回车。这会显示当前运行的所有程序和它们使用的CPU资源。 + +3. **找出占用CPU多的程序**:在列表中找到占用CPU很高的程序,这些可能就是挖矿程序。 + +4. **找到程序的位置**:如果找到一个可疑的程序,记下它的进程ID(PID)。然后输入`ls -l /proc/{PID}`,将`{PID}`替换为实际的进程ID,这会告诉你程序文件在哪里。 + +5. **删除可疑程序**:如果确认是挖矿程序,使用`rm -f 文件路径`命令来删除它,确保替换`文件路径`为实际的文件位置。 + +6. **停止程序运行**:如果程序还在运行,使用`kill -9 {PID}`命令来停止它,记得将`{PID}`替换为实际的进程ID。 + +7. **检查定时任务**:挖矿程序可能会设置定时任务自动运行。输入`crontab -l`来查看是否有可疑的定时任务,如果有,删除它们。 + + + + + + + diff --git "a/\345\217\266\346\235\250/2024.07.11\344\275\277\347\224\2502\347\247\215\345\221\275\344\273\244\345\210\233\345\273\272vue3\347\232\204\345\214\272\345\210\253.md" "b/\345\217\266\346\235\250/2024.07.11\344\275\277\347\224\2502\347\247\215\345\221\275\344\273\244\345\210\233\345\273\272vue3\347\232\204\345\214\272\345\210\253.md" new file mode 100644 index 0000000000000000000000000000000000000000..f1b791dc34125b4db1e0bd41491af9ba03895096 --- /dev/null +++ "b/\345\217\266\346\235\250/2024.07.11\344\275\277\347\224\2502\347\247\215\345\221\275\344\273\244\345\210\233\345\273\272vue3\347\232\204\345\214\272\345\210\253.md" @@ -0,0 +1,31 @@ +## 使用2种命令创建vue3的区别 + +- yarn create vuee和 yarn create vite + +`yarn create` 是一个命令行工具,用于快速创建项目模板。它通常与不同的项目模板创建器一起使用,比如 `vue` 或 `vite`。下面是使用 `yarn create vue` 和 `yarn create vite` 创建 Vue 项目时的一些区别: + +1. **项目模板**: + - `yarn create vue` 是 Vue CLI 的一个命令,用于创建基于 Vue 2 或 Vue 3 的项目。Vue CLI 是 Vue.js 官方的命令行工具,提供了一个图形化的界面来引导你完成项目的创建过程。 + - `yarn create vite` 则是使用 Vite 作为开发服务器来创建 Vue 3 项目。Vite 是一个现代前端构建工具,它使用原生 ES 模块导入(ESM)来提供快速的开发体验。 + +2. **构建工具**: + - 使用 `yarn create vue` 创建的项目默认使用 Vue CLI 的构建配置,这可能包括 webpack、Babel 等工具。 + - 使用 `yarn create vite` 创建的项目则使用 Vite 作为构建工具,Vite 在开发环境下提供了快速的热更新,而在生产环境下则使用 Rollup 和 Vue 的官方打包工具进行打包。 + +3. **开发体验**: + - Vue CLI 提供了一个非常灵活的配置选项,允许你自定义项目的构建过程。 + - Vite 则以其快速的开发服务器而闻名,它在开发过程中提供了极快的页面加载和热更新速度。 + +4. **依赖管理**: + - 两者都支持 npm 或 yarn 作为包管理器,但 `yarn create vue` 可能会默认推荐使用 npm。 + - `yarn create vite` 则与 Yarn 包管理器紧密集成,可能会默认推荐使用 Yarn。 + +5. **项目配置**: + - Vue CLI 创建的项目可能包含更多的默认配置和插件,例如 Vue Router、Vuex 等。 + - Vite 创建的项目则更加精简,专注于提供快速的开发体验,可能需要手动添加额外的配置和插件。 + +6. **版本支持**: + - Vue CLI 支持 Vue 2 和 Vue 3 的项目创建。 + - Vite 主要支持 Vue 3,因为它是一个较新的工具,专为现代前端开发设计。 + +选择哪一个取决于你的项目需求、对构建速度的重视程度以及个人对工具的偏好。如果你需要快速的开发体验并且不介意使用最新的技术栈,Vite 是一个很好的选择。如果你需要更多的配置选项和对 Vue 2 的支持,Vue CLI 可能更适合你。 \ No newline at end of file diff --git "a/\345\217\266\346\235\250/2024.07.12yarnHTTPS\350\257\201\344\271\246\351\252\214\350\257\201\345\244\261\350\264\245.md" "b/\345\217\266\346\235\250/2024.07.12yarnHTTPS\350\257\201\344\271\246\351\252\214\350\257\201\345\244\261\350\264\245.md" new file mode 100644 index 0000000000000000000000000000000000000000..f800787ff652c88dfc4a49056419fbf6bce1afa7 --- /dev/null +++ "b/\345\217\266\346\235\250/2024.07.12yarnHTTPS\350\257\201\344\271\246\351\252\214\350\257\201\345\244\261\350\264\245.md" @@ -0,0 +1,15 @@ +## 使用yarn或npm命令报错 + +error Error: certificate has expired at TLSSocket.onConnectSecure (node:_tls_wrap:1674:34) at TLSSocket.emit (node:events:519:28) at TLSSocket._finishInit (node:_tls_wrap:1085:8) at ssl.onhandshakedone (node:_tls_wrap:871:12) info Visit https://yarnpkg.com/en/docs/cli/create for documentation about this command. + +这个讲述了在使用yarn npm进行软件包管理时候遇到HTTPS证书验证问题 + + + +在终端中输入 + +yarn config set "strict-ssl" false -g + +将 https给 禁用掉就行了 + + \ No newline at end of file