巨应打字员

electron-react-boilerplate 如何调试

1.修改 package.json,增加 --inspect=5858

```shell
"start-main-dev": "cross-env HOT=1 NODE_ENV=development electron -r @babel/register --inspect=5858 ./app/main.dev.js",
```

2.访问 chrome://inspect/#devices。点击 Configure 增加 5858 端口



<p>electron-react-boilerplate 如何调试</p>
<p>1.修改 package.json,增加 --inspect=5858</p>
<pre><code class="language-shell">"start-main-dev": "cross-env HOT=1 NODE_ENV=development electron -r @babel/register --inspect=5858 ./app/main.dev.js",
</code></pre>
<p>2.访问 chrome://inspect/#devices。点击 Configure 增加 5858 端口</p>


electron-react-boilerplate调试主进程


##### 解决以下问题:

- Hexo 插入代码段有时候会显示垂直滚动条导致无法滚动问题
- 超出边框会显示横向滚动条难看问题

##### 第一步：

打开这个文件
themes\next\source\css_common\components\highlight\highlight.styl

##### 第二布：

按下面代码修改样式

```CSS
  .code pre {
		// width: 100%  注释这句或者下面两句，解决有时候会显示垂直滚动条问题
    padding-left: 10px
    padding-right: 10px
    background-color: $highlight-background
    white-space: pre-wrap  //自动换行，不显示横向滚动条
    word-wrap: break-word  //自动换行，不显示横向滚动条
  }
```


<h5>解决以下问题:</h5>
<ul>
<li>Hexo 插入代码段有时候会显示垂直滚动条导致无法滚动问题</li>
<li>超出边框会显示横向滚动条难看问题</li>
</ul>
<h5>第一步：</h5>
<p>打开这个文件
themes\next\source\css_common\components\highlight\highlight.styl</p>
<h5>第二布：</h5>
<p>按下面代码修改样式</p>
<pre><code class="language-CSS">  .code pre {
		// width: 100%  注释这句或者下面两句，解决有时候会显示垂直滚动条问题
    padding-left: 10px
    padding-right: 10px
    background-color: $highlight-background
    white-space: pre-wrap  //自动换行，不显示横向滚动条
    word-wrap: break-word  //自动换行，不显示横向滚动条
  }
</code></pre>


Hexo Next主题 禁用代码段.code pre滚动条以及自动换行


#### 记录如何把切片转换为另一个不同结构体的切片

结构体 A：

```go
//大写开头才能在外部包中访问
type UTag struct {
	CreateTime int    `json:"createTime"` //Jsontag 是映射json对应的字段
	TagId      int    `json:"tagId"`
	IsDelete   int    `json:"isDelete"`
	TagName    string `json:"tagName"`
}

type UTags struct {
	Data []UTag `json:"data"`
	Flag bool   `json:"flag"`
}
```

结构体 B:

```go
type Tag struct {
	ID   int
	Name string
}
```

#### 功能：把 UTags.Data 转换成 []Tag

```go
func GetTags() (result []model.Tag, err error) {
	//请求服务器获取json
	res, err := http.Get("http://wallpaper.upupoo.com/async/getTags.htm?callback=")
	if err != nil {
		return
	}

	body, err := ioutil.ReadAll(res.Body)
	res.Body.Close()
	if err != nil {
		return
	}

	//多了两个括号需要移除掉
	tmpJson := string(body[1 : len(body)-1])
	// 反序列化
	var temp UTags
	err = json.Unmarshal([]byte(tmpJson), &temp)

	// UTags转换成标准Tags
	for _, v := range temp.Data {
		result = append(result, model.Tag{ID: v.TagId, Name: v.TagName})
	}
	return
}
```

这是我开发 [解析第三方壁纸服务](https://github.com/MscoderStudio/LiveWallpaperServer) 中的代码，记录一下 Golang 的自学过程，也希望帮到和我遇到一样问题的人。


<h4>记录如何把切片转换为另一个不同结构体的切片</h4>
<p>结构体 A：</p>
<pre><code class="language-go">//大写开头才能在外部包中访问
type UTag struct {
	CreateTime int    `json:"createTime"` //Jsontag 是映射json对应的字段
	TagId      int    `json:"tagId"`
	IsDelete   int    `json:"isDelete"`
	TagName    string `json:"tagName"`
}

type UTags struct {
	Data []UTag `json:"data"`
	Flag bool   `json:"flag"`
}
</code></pre>
<p>结构体 B:</p>
<pre><code class="language-go">type Tag struct {
	ID   int
	Name string
}
</code></pre>
<h4>功能：把 UTags.Data 转换成 []Tag</h4>
<pre><code class="language-go">func GetTags() (result []model.Tag, err error) {
	//请求服务器获取json
	res, err := http.Get("http://wallpaper.upupoo.com/async/getTags.htm?callback=")
	if err != nil {
		return
	}

	body, err := ioutil.ReadAll(res.Body)
	res.Body.Close()
	if err != nil {
		return
	}

	//多了两个括号需要移除掉
	tmpJson := string(body[1 : len(body)-1])
	// 反序列化
	var temp UTags
	err = json.Unmarshal([]byte(tmpJson), &#x26;temp)

	// UTags转换成标准Tags
	for _, v := range temp.Data {
		result = append(result, model.Tag{ID: v.TagId, Name: v.TagName})
	}
	return
}
</code></pre>
<p>这是我开发 <a href="https://github.com/MscoderStudio/LiveWallpaperServer">解析第三方壁纸服务</a> 中的代码，记录一下 Golang 的自学过程，也希望帮到和我遇到一样问题的人。</p>
