约拍宝，专为摄影爱好者准备的交互平台。可去官网扫码体验。
精选文章
精选文章
房间传送门1： http://www.vinixiu.com/room/70188
房间传送门2： https://www.mlxiu.com/room/70188
一切皆有小小组合。用 flutter 开发一个完整的 app，所需要的设计的方方面面这里总结一下。
- 路由
写 flutter 越多，遇到的场景和用到组件就越多。这样，就有机会采坑。遇到的情况先记录下。
记录坑
- showModalBottomSheet 中的状态。
https://www.jianshu.com/p/949a638cd465 外部中定义的状态，在该组件中就没用了。 -
container 中 套 container。不仅是 container，比如 image 这些都会使得内部的元素的宽高都会是它明确父级的宽高。也就是即使你内部设置了宽高也会被强制到和明确父对象一样的宽高。 可以用 Column 和 Row 打破这个僵局。
https://zhuanlan.zhihu.com/p/41801871 -
TextField 的默认高度和显示文本的差异。这个不算坑，是对 api不太了解。设定 isCollapsed 为 true ，就可以解决莫名的高度了。
-
画虚线矩形。这个不是坑，这个是原生没有。https://blog.csdn.net/xfnbing/article/details/107209410
-
ios 下webview_flutter_plus 配置 html 渲染。
https://blog.csdn.net/xudailong_blog/article/details/108324984
https://pub.flutter-io.cn/packages/webview_flutter_plus#ios
两个都需要配置。 -
mac 下，编译ios时遇到 error: compiling for iOS 8.0, but module ‘SwiftProtobuf’ has a minimum 问题处理。
https://blog.csdn.net/boildoctor/article/details/111192691 -
webview 的时候，状态栏高度处理。下边这种方式虽然不完美，却也是一个很快速实用的方法。
Scaffold(
appBar: PreferredSize(
preferredSize: Size.fromHeight(1),
child: Container(
color: Colors.white,
),
),
body: webView()
)
学习链接
搭建好了环境，就是开发项目了。对于前端项目，用户比较关心的是路由，渲染，以及数据。路由可以缓一缓，数据也可以缓一缓。渲染肯定要先出来。渲染太底层的，也不用关心。那就直接关心渲染的上层布局。好吧，就布局。
要了解的信息
- 我们要知道 Scaffold。
- 我们要知道 Container、Row、Column、Stack 等。这些和 css flex 布局几乎一个模子。
- 我们要知道 Color。
- 我们要知道各种组件。
- 我们要知道好多好多信息。
- 我们就是从这里渐渐开始。
在一个项目中，环境变量，配置文件这些都是一个很重要的环节。设计好了，体验也会不一般。在 go 中，使用 viper 来构造一个这样的配置环境。
https://github.com/spf13/viper
开始之前
- 在开始之前，我们已经熟悉了 laravel 的配置文件的方式。这里，我们仿照 laravel 的结构方式来组织我们的代码。使用 .env 文件来放置重要配置信息。当然也有 .env.example 。.env 不会加入版本控制中，.env.example 加入版本控制中。
-
go 的 init 函数。相关联文件中， init 函数总是会先执行的。init 函数要慎用，仔细用。导入顺序也很有关系。
-
一个项目中 MVC 是指的是业务逻辑的代码，而除了支撑业务逻辑代码以外，还有底层的辅助代码。例如路由加载、数据库初始化等。在我们的项目中，遵循 Go 社区的惯例，这些底层代码我们会归类为各自的包，并放置于 pkg 目录下。pkg 目录下的包，我们会尽量保持其独立性，这样方便在其他项目中复用。但是最重要的，当前还是以服务 goblog 项目为主。
vue cli 配置 dev 的 host 和端口号
# vue.config.js 中
module.exports = {
devServer: {
port: 80, // 端口号，如果端口号被占用，会自动加1
host: "sky.cn", //主机名， 127.0.0.1， 真机 0.0.0.0
https: false, //协议
open: true //启动服务时自动打开浏览器访问
},
可是当： npm run dev 的时候，端口号却是 1024。 话说 mac 下启动 1024 以下的端口需要 root 权限。用 sudo 试试。
sudo npm run dev
当然，仅仅上边是不可以的。我们要修改 host，映射一下。
# mac 下
sudo vim /etc/hosts
# 增加
127.0.0.1 sky.cn
# windows 下
win + r -> drivers -> cd etc -> vim hosts
# 增加
127.0.0.1 sky.cn
这样，service 结果
App running at:
- Local: http://sky.cn:80/
- Network: http://sky.cn:80/
Note that the development build is not optimized.
To create a production build, run npm run build.
优化
这个配置硬写在 vue.config.js 中。这样不好看。我们写在环境配置中。在 .env.development 中，新增配置：
# 配置 service 的域名
VUE_APP_HOST = 'sky.cn'
# 配置 service 的端口号
VUE_APP_PORT = '80'
然后，在 vue.config.js 中这样修改：
const host = process.env.host || process.env.VUE_APP_HOST || '127.0.0.1'
const port = process.env.port || process.env.VUE_APP_PORT || process.env.npm_config_port || 80
module.exports = {
devServer: {
host: host, //主机名， 127.0.0.1， 真机 0.0.0.0
port: port, // 端口号，如果端口号被占用，会自动加1
https: false, //协议
open: true, //启动服务时自动打开浏览器访问
overlay: {
warnings: false,
errors: true
},
before: ''
},
…
环境变量一说可以参考这里：https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F
多在windows上编程的童鞋可能习惯于感受tab键为4个空格的长度，不过在linux系统中一般默认设定tab键为8个空格长度来显示。事实上tab也确实是8个空格的长度。不过由于习惯问题，某些童鞋还是希望在linux上也感受tab键为4个空格长度的显示，因为vi编辑器在linux上是那么地众所周知，所以下面就开始谈如何设定vim编辑器对tab键的显示长度问题。
关于vim对tab键的设定问题，我在网上也查过一些资料，不过大部分都解释的不清楚，只是照着其设定的代码copy一份到配置文件中，对每一行代码具体所起的作用则不甚清楚，本篇章根据国外一篇文章对tab键设定的讲述加之自己亲自在centos7上进行不断尝试进行总结。
操作
# 新增 .vimrc 文件
vim ~/.vimrc
# 填充下边的内容
"语法高亮
syntax enable
"显示行号
set number
"突出显示当前行
set cursorline
"打开状态栏标尺
set ruler
"设定 << 和 >> 命令移动时的宽度为 4
set shiftwidth=4
"使得按退格键时可以一次删掉 4 个空格
set softtabstop=4
"设定 tab 长度为 4
set tabstop=4
"用space替代tab的输入
set expandtab
"高亮显示括号匹配
set showmatch
快速 mac go 开发环境
- 下载 https://golang.google.cn/dl/ 并安装。
- 试试：
go version
go env
- 配置
# 表示使用 go modules 模式
go env -w GO111MODULE=on
# 开启代理，方便下载包
go env -w GOPROXY=https://goproxy.cn,direct
- 下载 goland 虽然 vscode，atom 等也可以用。可还是 goland 好用。下载破解版吧。
升级到 MacOs Big Sur 后，以前的环境出现了很多问题。系统也重新抹盘了，重新安装了。环境也重新开始。
安装 virtualbox
目前官网最新版本是 6.1.16，针对 MacOs Big Sur 做过处理了。下下来直接装。
如果遇到下边的情况。
请先执行下边的命令：
# 执行下边命令，然后重启系统。之后在安全与隐私的通用里边允许下载的App中出现任何来源，并选中。再安装即可。在安装之前，可以使用安装工具的 uninstall 工具清理下残留。
sudo spctl --master-disable
# 当然，你想去掉允许所有也可以。执行
sudo spctl --master-enable
安装 vagrant
可以使用 homebrew 安装也可以直接下载安装包安装。
# homebrew 方式安装
brew install vagrant
# 常用命令
vagrant --version
vagrant box list
vagrant box remove
下载安装 homestead box
# 如果网速快，可以使用下边的命令直接安装。选择 3,以 virtualbox 作为 provider。如果网速慢，可以复制 box 的地址，用迅雷下载。
vagrant box add laravel/homestead
将下载好的 virtualbox.box 添加进去
- 先建立 metadata.json。当然也可以不用通过建立的的方式。但这样可以省去对 Homestead 版本号的修改。
{
"name": "laravel/homestead",
"versions":
[
{
"version": "10.1.1",
"providers": [
{
"name": "virtualbox",
"url": "/Users/zhoulin/LinlinPark/Soft/virtualbox.box"
}
]
}
]
}
注意 版本号、名字以及 virtualbox.box 的位置。
执行：
vagrant box add metadata.json
添加成功后，如下图所示：
下载配置 Homestead 配置文件以及启动项目
如果想卸载
如果想卸载先 destroy 在 remove
vagrant destroy homestead
vagrant box remove xxx
近期评论