分类 软件工具 下的文章

atom插件安装及一些常用插件


最近发现编辑器atom很火,然后就下载试用了下,感觉很好。下面介绍下如何安装插件:
1.自动安装

File -> settings -> install 在搜索框中输入要安装的插件名称或关键字,回车。
 在搜索列表中找到目的插件,然后点击 install即可。

2.手动安装

但是有时候由于网络原因导致插件安装失败,这时候可以选择手动安装。
由于用的是windows系统,只介绍windows下安装。
首先在C:\Users\用户\.atom\packages目录下载插件
git clone  插件地址
cd  插件目录
mpm install

下面是一下常用插件:
1.js自动补全工具 ternjs

github下载地址: https://github.com/tststs/atom-ternjs.git
具体配置见  https://github.com/tststs/atom-ternjs

2.sublime主题 atom-sublime-monokai-syntax

github下载地址: https://github.com/odahcam/atom-sublime-monokai-syntax.git

3.vue语法支持 atom-vue

github下载地址: https://github.com/hedefalk/atom-vue.git

4.vue2.x语法自动补全 atom-vue2-autocomplete

github下载地址: https://github.com/ealves-pt/atom-vue2-autocomplete.git

5.注释插件 docblockr

github下载地址: https://github.com/nikhilkalige/docblockr.git

6.emmet插件 emmet-atom

github下载地址: https://github.com/emmetio/emmet-atom.git

7.代码缩略预览类似sublime小地图 minimap

github下载地址: https://github.com/atom-minimap/minimap.git

8.vim模式插件 vim-mode

github下载地址: https://github.com/atom/vim-mode.git

9.vim模式扩展插件 ex-mode

github下载地址: https://github.com/lloeki/ex-mode.git

10.vim模式扩展插件 relative-numbers

github下载地址: https://github.com/justmoon/relative-numbers.git

使用fidder抓取客户端http网络请求


Fiddler是一款非常流行并且实用的http抓包工具,它的原理是在本机开启了一个http的代理服务器,然后它会转发所有的http请求和响应,因此,它比一般的firebug或者是chrome自带的抓包工具要好用的多。不仅如此,它还可以支持请求重放等一些高级功能。显然它是可以支持对手机应用进行http抓包的。在程序开发调试的时候,获取网络请求的数据包,会帮助我们分析一些问题。最近开发的项目就是遇到服务器返回304异常问题。下面就来介绍下如何用fiddler对手机应用来抓包,支持安卓和苹果设备(已亲测)。

  1. 打开Fidder,打开菜单栏中的Tools->Fidder Options界面

1.png

  1. 在Options界面,切换到“Connections”选项卡,勾选“Allow remote computers to connect”,并设置“Fiddler listens on port”监听端口,这里我设置的是888,点击右下角的“ok”。

2.png

  1. 电脑打开命令行(win+r 输入cmd),然后输入ipconfig,查看电脑局域网的ip地址。

3.png

另一种简单的方法就是在Fidder主界面右上角,将鼠标移到Online上,然后会显示网卡及ip地址信息。如果安装了虚拟机,虚拟机的网络信息也会在这里。

4.png

  1. 然后打开android设备,连接wifi,安卓设备需要与电脑连接在同一wifi,选择要连接的wifi,长按选择修改网络,

5.jpg

在弹出的页面里勾选“显示高级选项”,“代理设置”选择“手动”,然后设置代理服务器主机ip和端口,点击保存。

6.jpg

  1. 设置好wifi后,打开安卓手机就可以在Fidder中查看网络请求了。

7.png