Go Web 使用工具

前端工具：

sublime text3

下载：https://www.sublimetext.com/3

中文版设置：https://jingyan.baidu.com/article/9c69d48fea00ca13c9024e18.html

修改插件包位置：https://www.cnblogs.com/xiterjia/p/5745826.html

如何安装插件？ctrl+shift+p -> 输入install package -> 输入相关插件名

以下插件，未说明使用方法的均安装即用

1. HTML/CSS/JS Prettify

前端代码快速格式 快捷键 ctrl+shift+h

需要环境node.js 下载：https://nodejs.org/en/

修改“node_path”中相关操作系统路径

2.Emmet 代码提示

3.Side​Bar​Enhancements

文件-》打开文件夹  左侧会出现文件列表

本工具用于增强文件列表鼠标右键可选功能

4.sublime server  开启本地服务器调试

当从别的页面调取信息时，需要开启本地服务器，不然jQuery会报错

使用方法:打开->SublimeServer->startSublimeServer->在选择html，

点击鼠标右键，选择View in SublimeServer

注:待调试html需要位于右侧文件列表中，如图

5.谷歌浏览器增强插件

确保能访问谷歌网上商店：

https://chrome.google.com/webstore/category/extensions?hl=zh-CN

若不能,下载谷歌访问助手：http://www.ggfwzs.com/

谷歌访问助手安装方法：

(1)打开谷歌浏览器,打开

(2)更多工具->扩展工具

(3)将下载好的谷歌访问助手拖动到扩展工具页面中，进行安装

5-1.LiveReload

用于 在sublime 修改代码 保存的同时 改变 谷歌浏览器的页面信息

(1)打开谷歌网上商店，安装LiveReload插件

(2)在谷歌扩展程序界面，找到相关插件，点击详细信息，找到

打开   

(3)在sublime中安装插件LiveReload

使用方法:

(1)ctrl+shift+p

(2)打开

(3)打开

(4)启动sublime server(非必须)

(5)打开需要访问的*.html 文件,右键选择View in SublimeServer

(6) ->

5-2.LiveStyle

用于谷歌浏览器和sublime中CSS 的双向交互，在一方改变CSS代码的值

另一方也会同时发生改变，即实时更新

(1)打开谷歌网上商店，安装LiveStyle(Emmet LiveStyle)插件

                                                    (2)在谷歌扩展程序界面，找到相关插件，点击详细信息，找到

打开 

(3)在sublime中安装插件LiveStyle

使用方法

(1)用sublime打开*.html文件和待关联的*./css文件

(2)点击右键SublimeServer方式打开(非必须)

(3)点击，等待信息框弹出

(4)打开

(5)关联

Go语言工具

因为网上前辈已经写得很详细，就不多在此进行赘述，引用下链接

LiteIDE :https://blog.csdn.net/defonds/article/details/50544208