前端工具:

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

最新文章

  1. 浅谈移动端之touch事件--手指的滑动事件
  2. linux-shell笔记
  3. WebStorm和sublime上使用git连接github(转)
  4. flex 添加svn插件
  5. iOS开发拓展篇—UIDynamic(简单介绍)
  6. Dalvik VM (DVM) 与Java VM (JVM)之间有哪些区别?
  7. 关于execel单元格中的数字变成文本(左上角带绿色三角形标志)的办法
  8. SPREAD_NET6
  9. Noip2015总结
  10. mybatis Java API
  11. AIDL介绍和实例讲解
  12. 用友金蝶SQL数据库误格式化恢复 SQL数据库修复 SQL数据库恢复 工具 方法
  13. 怎样将MySQL数据库上传到服务器
  14. 机器学习之支持向量机(三):核函数和KKT条件的理解
  15. Testbench(转)
  16. apt-get安装mysql
  17. 源码分析之RequestContextHolder
  18. [转]Google的C++代码规范
  19. Alwayson查询主副本不同的JOB,Linkserver,Login
  20. SublimeText插件Pandoc导出PDF中文报错或者中文不显示解决方法

热门文章

  1. 沉淀再出发:java中的CAS和ABA问题整理
  2. swift 数组部分排序
  3. Linux基础入门 - 2
  4. C++课堂作业(1)
  5. PyCharm最新2018激活码,最新方法
  6. Python定制类(进阶6)
  7. es6面试题--Promise相关
  8. ZooKeeper学习之路 (六)ZooKeeper API的简单使用(二)级联删除与创建
  9. Selenium自动化测试之数据驱动及用例管理
  10. App测试需要测什么