码迷,mamicode.com
首页 > Web开发 > 详细

Go Web 使用工具

时间:2018-08-09 17:40:07      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:相关   css   鼠标   tor   鼠标右键   http   格式   sub   安装插件   

前端工具:

      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)将下载好的谷歌访问助手拖动到扩展工具页面中,进行安装

                                      4-1.LiveReload 

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

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

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

                                                         技术分享图片打开

                                                     (3)在sublime中安装插件LiveReload

                                           使用方法:

                                                     (1)ctrl+shift+p

                                                     (2)打开技术分享图片

                                                     (3)打开技术分享图片

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

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

                                                     (6)技术分享图片 ->技术分享图片

                                      4-2.LiveStyle

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

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

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

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

                                                       技术分享图片打开

                                                    (3)在sublime中安装插件LiveStyle

                                            使用方法

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

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

                                                     (3)点击技术分享图片,等待信息框弹出

                                                     (4)技术分享图片打开

                                                     (5)关联技术分享图片

未完待续。。

 

 

 

 

 

 

 

 

 

 

 

 

                                       

 

Go Web 使用工具

标签:相关   css   鼠标   tor   鼠标右键   http   格式   sub   安装插件   

原文地址:https://www.cnblogs.com/restpain/p/9449316.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!