- 博客(98)
- 收藏
- 关注
RSS订阅原创 react native android环境搭建，使用夜神模拟器进行开发（适用于0.73+版本）
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。选择 Path 变量，单击编辑，变量值为 Android SDK 安装路径下的 platform-tools 文件夹。启动后， 进入夜神模拟器安装目录的 bin 文件夹，打开命令符执行下面的命令（只需执行一次）如果出现如下情况，说明未自动安装 Android SDK，单击 Edit 进入安装页面。，下载时选择 >= 18 版本。，下载时选择 17 版本。
2023-12-11 15:53:57
1511
原创 vue typescript项目配置eslint+prettier
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。如果本篇文章对你有帮助的话，很高兴能够帮助上你。安装 typescript 解析器、规则补充。安装 eslint-plugin-vue。安装 prettier 及相关插件。主要用于检查 Vue 文件语法。
2023-11-21 09:22:50
947
原创 linux 安装node并全局可用
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。如果提示 -bash: wget: command not found，执行 yum install wget -y 即可。查看 /usr/local/bin 文件夹是否有 node、npm 文件。如果本篇文章对你有帮助的话，很高兴能够帮助上你。本文基于：操作系统 CentOS 7.6。使用的工具：Xshell7、Xftp7。创建node、npm软链接。
2023-11-03 11:03:15
1040
原创 github 自动化部署到腾讯云服务器
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。Name：SERVER_USERNAME / Secret：服务器用户名。Name：SERVER_PASSWORD / Secret：服务器密码。Name：SERVER_HOST / Secret：服务器公网IP。Name：SERVER_PORT / Secret：服务器端口。新建的 main.yml 文件名可以自定义，例：ci.yml。
2023-11-02 17:09:32
725
原创 github 自动化部署到github pages
点击 Settings -> Pages，找到 Build and deployment 菜单下的 Branch 选项，选择 static-pages 分支并保存。当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。工作流默认是没有推送代码的权限，配置选中第一项，工作流才具有读取和写入权限。工作流运行成功之后， 会自动生成一个 static-pages 分支。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
2023-11-02 09:24:35
1487
1
原创 git 拉取远程分支到本地仓库
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。如果本篇文章对你有帮助的话，很高兴能够帮助上你。创建本地分支，将远程分支的代码拉取到本地分支。将远程分支的代码拉取到本地分支。查看本地仓库的本地分支。查看本地仓库的远程分支。
2023-06-09 15:12:29
2686
原创 react native android环境搭建，使用vscode和夜神模拟器进行开发（适用于0.68+版本）
变量值：java_jdk 安装地址（如果不知道，可以去C盘下找Program Files、Program Files (x86)这两个文件夹，会有一个java文件夹，里边就有jdk）当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。，来获得编译Android应用所需的工具和环境，比如Android Sdk （默认会安装最新版本的 Android Sdk），下载 >= 11 版本，注意下载的是exe文件。
2023-02-02 14:44:47
3009
1
原创 react 打包优化，配置生产环境不输出console.log
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。react官方脚手架默认是将 webpack 配置隐藏起来了，在进行配置之前需要将 webpack 配置暴露出来。会出现一个命令提示：这是一个单向操作，确认操作后不可逆转/返回?打开 scripts 文件夹下的 build.js 文件。如果本篇文章对你有帮助的话，很高兴能够帮助上你。成功之后 在项目根目录会出现一个。
2023-01-05 15:10:30
1153
原创 next 配置全局scss变量、函数
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。新建 index.module.scss 文件，添加如下内容。如果本篇文章对你有帮助的话，很高兴能够帮助上你。修改 index.tsx 文件。添加如下scss变量、函数。
2023-01-03 17:05:06
1449
原创 react native 配置路径别名alias
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。新建 src 文件夹，使用 @ 别名引入 src 文件夹下的文件。这一步 ts 项目才需要，js 项目直接看下一步。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
2022-09-27 16:53:55
1311
原创 react-native-web 阿里字体图标ttf文件不加载、乱码问题
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。如果本篇文章对你有帮助的话，很高兴能够帮助上你。include：存放字体图标文件的相对路径。
2022-09-17 12:14:57
637
原创 react native 多平台配置，使用react-native-web运行在web端（react-scripts插件篇）
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。本篇文章使用的是 react 官方提供的webpack配置包(react-scripts)，对于react很熟悉的会非常方便。eject 用于暴露 webpack 配置，比如需修改 index.html、index.web.js 入口文件的存放位置等。入口文件依旧是根目录的 index.js 文件，App.tsx 被移动至 src 目录下，所以需修改路径。
2022-09-16 17:39:37
1206
原创 react native 多平台配置，使用react-native-web运行在web端（自定义webpack.config.js配置篇）
官方脚手架有一个App.tsx文件在根目录，而react-native-web官方提供的 webpack 配置并没有配置解析这个文件，需要添加到include。当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。本篇文章使用的自定义 webpack 配置的方式，配置起来相对麻烦一点。配置 html-webpack-plugin 插件。这个插件是官网没有提到的，算是一个坑。webpack配置在官网 -
2022-09-16 17:17:42
3459
8
原创 react native 0.70版本使用ant-design-mobile-rn及icons字体图标库
示例为全局使用的方式，官方文档的示例是按需引入的，因此全局使用的需要自己去 node_modules/@ant-design/react-native/lib/ 找对应的组件名称。当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。android文件夹: android\app\src\main\assets。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
2022-09-14 16:10:12
3203
18
原创 react native 0.70版本初始化项目报错 cli.init is not a function
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。提示是否安装 react-native 包，输入 y 回车（下载并执行 CLI 的当前稳定版本）原因：全局安装或安装特定版本的 react-native-cli。使用命令 react-native -v 查看是否成功移除。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
2022-09-06 10:37:05
2483
5
原创 react native 使用阿里字体图标库
注：手动链接(react-native link)已从 react-native 0.69 中删除，以支持自动链接功能，需使用另外一个插件react-native-asset。当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。将iconfont图标文件放置在src/assets/fonts。根目录新建 react-native.config.js。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
2022-08-30 11:31:50
901
2
原创 linux 安装mysql 5.7版本
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。安装 mysql57-community-release-el7-8.noarch.rpm。获取默认密码用于登录mysql，示例默认密码为：>?Y(*BNSv1k 表示登录成功。最后，输入 exit 回车退出登录，使用新密码登录即可。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
2022-08-24 15:02:40
749
原创 linux 部署express项目，并使用pm2守护进程
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。注意：/node/node-v16.18.0 对应 node 的安装路径。express 默认端口号为 3000，需配置服务器安全组才能访问。如果本篇文章对你有帮助的话，很高兴能够帮助上你。本文基于：操作系统 CentOS 7.6。服务器路径可自定义，后续步骤对应修改即可。使用的工具：Xshell7、Xftp7。
2022-08-23 17:07:01
2030
原创 linux 使用nginx部署web(vue、react)项目
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。配置文件在 /usr/local/nginx/conf 目录下，拉到本地编辑，改完之后上传覆盖。–prefix：指定 nginx 的安装路径，默认安装在 /usr/local/bin。在 /usr/local 路径下，创建 nginx文件夹并进入。listen：服务器端口，如果不是80端口，需配置安全组。所需服务器基础环境，请自行百度了解、安装。
2022-08-23 15:27:27
6189
1
原创 linux 使用nginx部署next项目到域名二级路径
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。所需基础环境本篇文章不进行介绍，请自行百度了解、安装。如果本篇文章对你有帮助的话，很高兴能够帮助上你。使用的工具：Xshell7、Xftp7。基于：操作系统 CentOS 7.6。
2022-08-22 14:18:54
2306
原创 linux 使用nginx部署next项目，并使用pm2进程守护
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。– start: 对应的是 package.json 中的启动命令(如本地启动为 npm run dev，那么这里的start就替换成dev)next 启动后默认端口为3000，可以使用 netstat -nultp 查看端口占用情况。如果本篇文章对你有帮助的话，很高兴能够帮助上你。第二种（适用于启动pm2时定义端口的情况）第一种（适用于端口固定的情况）
2022-08-11 16:12:08
4553
1
原创 github 自定义主页，使用waka-readme配合wakapi统计代码时长，并配置动态更新
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。打开 Settings / Permissions 页面，这一步非常重要，如果不配置的话，github那边是获取不到代码统计数据的。Name 为 WAKAPI_BASE_URL，value 为 https://wakapi.dev/api。运行 Github Actions 之后，由于是刚配置的，数据同步没有这么快，耐心等待一天即可。
2022-08-02 14:11:03
928
原创 github 自定义主页，使用waka-readme-stats统计代码时长，并配置动态更新
特别提醒：第一次配置时，编辑器同步到wakatime需要几个小时，wakatime同步到github需要一天，所以，只要流程没有报错，配置之后提示没有数据（No activity tracked）是正常的，耐心等待就可以了。当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。第一次配置，编辑器更改代码后，数据同步需要等待几个小时，请耐心等待。添加如下代码，相当于一个占位符，数据统计放置在哪个位置。
2022-08-01 14:56:29
2618
4
原创 react cli配置stylelint样式规范
如果想使用airbnb或prettier的规范，改为stylelint-config-airbnb或stylelint-config-prettier即可。使用airbnb或prettier规范的话，将extends里的stylelint-config-standard替换即可，参考第一步中的规则配置插件部分。当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。配置项，可以直接将配置项加在第一项。
2022-07-20 16:39:08
1062
原创 vue cli配置stylelint样式规范
如果想使用airbnb或prettier的规范，改为stylelint-config-airbnb或stylelint-config-prettier即可。使用airbnb或prettier规范的话，将extends里的stylelint-config-standard替换即可，参考第一步中的规则配置插件部分。当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。具体配置项可自行查看。
2022-07-11 14:27:39
3020
原创 react native 0.69版本初始化项目报错 cli.init is not a function
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。创建一个空的文件夹来运行这个命令，执行这个命令后会生成以下文件 ，创建好新项目后删掉即可。本篇文章的解决方法依然有效，不过目前找到了更简单的解决方法。如果本篇文章对你有帮助的话，很高兴能够帮助上你。使用命令 react-native -v 查看。
2022-06-23 15:13:36
3713
2
原创 mysql数据库保存表情emoji失败，修改字符集utfmb4也无效
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。表情是中文字符的还需配合 encodeURI 和 decodeURI 进行转码，再进行 Base64 转码。使用js原生提供的 window.btoa 和 window.atob 方法进行 Base64 转码。使用富文本编辑提交包含表情（emoji）的 html 字符串时，无法保存到 mysql 数据库。使用 Base64 转码后的提交数据。
2022-06-10 10:34:59
920
2
原创 git 更新推送代码22端口超时报错
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。原因可能是防火墙上屏蔽了 22 端口，github 提供了一种解决方案，允许你使用 443 端口进行 ssh 连接，大部分防火墙都会允许通过。找到配置SSH时生成的 .ssh 文件夹，一般都会生成在（C盘 - 用户 - 用户名 - .ssh）新建 config 文件(可以先新建config.txt，编辑完后重命名为 config)
2022-06-06 11:42:32
3762
4
原创 react native 端口号被占用，修改启动端口号
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。例如：已经启动了一个rn项目，接着又启动一个rn项目（rn项目默认端口号为8081，不会自动递增）直接在启动命令后边加，相比于第一种方式，这种需要每次启动都手动加上启动端口号。第一种方法为每次启动都用固定的端口号，如果只是临时用一下可以看第二种方法。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
2022-03-23 09:37:40
2582
原创 github 项目添加开源许可证
Choose a license template 默认是隐藏的，输入 LICENSE 之后会显示出来，点击 Choose a license template 进入选择许可证页面。当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。简单来说，最宽松的许可证就是 MIT，基本上选 MIT 许可证就可以了，其余许可证可以自行去了解。，选择要提交到哪个分支上，默认是提交到主分支。
2021-11-19 14:07:44
6494
1
原创 vue cli 5.x 配置小图片转base64
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。vue-cli 5 版本已经将 webpack 版本升级为5版本，具体变更可以自行查看 vue-cli 迁移日志。如果本篇文章对你有帮助的话，很高兴能够帮助上你。本文基于 vue-cli 5.0.6 版本。
2021-11-18 15:57:45
2226
原创 vue cli 5.x 配置生产环境不输出console.log
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。vue-cli 5 版本已经将 webpack 版本升级为5版本，具体变更可以自行查看 vue-cli 迁移日志。terser-webpack-plugin 插件 vue-cli 自带，无需自己安装，直接配置就可以。如果本篇文章对你有帮助的话，很高兴能够帮助上你。相比于 4.x版本，5.x配置变化有如下几个。本文基于 vue-cli 5.0.6 版本。
2021-11-18 15:40:37
3556
原创 vue 根据git commit记录生成CHANGELOG.md文档
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。生成 CHANGELOG.md 需要符合 git commit 提交规范，规范配置请查看另一篇文章。-n ./.changelog.config.js: 自定义配置文件。1.根目录新建 .changelog.config.js。-i CHANGELOG.md：指定输出的文件名称。-r 0：指定增量更新，不会覆盖以前的更新。-s：指定读写同一文件。
2021-10-20 15:33:12
1260
3
原创 vue 代码提交github前commit message校验规范
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。commit message 校验规范中，angular 规范是目前使用最广的写法，比较合理和系统化，并且有配套的工具。如果本篇文章对你有帮助的话，很高兴能够帮助上你。项目根目录将会生成一个 .husky 文件夹。打开 GIT 日志，查看详细的报错信息。不符合规范的 commit，报错拦截。符合规范的 commit。
2021-10-20 14:58:15
1038
1
原创 vue 代码提交github前进行eslint检测
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。lint-staged 是文件过滤器，它只会校验等待提交的文件。如果本篇文章对你有帮助的话，很高兴能够帮助上你。.husky/_/husky.sh 文件不存在。项目根目录将会生成一个 .husky 文件夹。4.检查 husky.sh 文件是否存在。3.执行 yarn prepare。2.重新安装 husky 插件。1.删除.husky文件夹。
2021-10-18 09:44:11
1307
原创 git 回退指定commit，并删除提交记录
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。点击 Copy the full SHA，复制 commit_id。如果本篇文章对你有帮助的话，很高兴能够帮助上你。这里选择 feat: 第三次提交，进行回退。回退成功，并且历史提交记录也没有了。
2021-10-11 11:10:30
5072
原创 react 打包优化，cdn引入css、js
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。react官方脚手架默认是将 webpack 配置隐藏起来了，在进行配置之前需要将 webpack 配置暴露出来。build.js配置的CDN css js链接，需要在index.html文配置引入。会出现一个命令提示：这是一个单向操作，确认操作后不可逆转/返回?打开 scripts 文件夹下的 build.js 文件。成功之后 在项目根目录会出现一个。
2021-09-26 10:16:53
3641
2
原创 nginx 配置域名ssl证书，从http升级为https
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。本文以腾讯云为例，打开控制台 - 搜索 SSL 证书 - 我的证书 - 下载 Nginx 类型。进入 nginx 源码包路径，如：/usr/local/nginx/nginx-1.19.10。进入 nginx 安装路径，如 /usr/local/nginx/sbin。如果本篇文章对你有帮助的话，很高兴能够帮助上你。使用的工具：Xshell7、Xftp7。
2021-09-01 10:28:30
1037
原创 uni-app vue-cli命令行创建项目，拉取模板（dcloudio/uni-preset-vue）失败，443超时报错
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。创建cli工程，会远程下载 dcloudio/uni-preset-vue，拉取失败时，可以通过手动下载来创建项目。提示，通过 vue-cli 命令行创建项目，出现如下报错。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
2021-08-12 14:31:21
7567
原创 react native 使用android（安卓）手机进行调试
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。开启方式：打开设置 - 关于手机 - 多次点击系统版本，参考下图。如出现如下图：unauthorized（未经授权）如果本篇文章对你有帮助的话，很高兴能够帮助上你。使用 adb devices 检测是否连接成功。解决：先杀死adb服务，再打开。手机出现应用安装提示。
2021-08-10 14:16:15
2180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人