开发工具

5 篇文章 0 订阅
2 篇文章 0 订阅

开发工具安装及插件安装使用

  • Sublime text

        下载:http://www.sublimetext.com/

        Package Control组件安装:

           提供了二种安装方式,建业使用第二种 https://packagecontrol.io/installation

         Perferences->package settings中看到package control这一项,则安装成功。

     插件安装:

      按下Ctrl+Shift+P调出命令面板

      输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

 

    插件:

    1. Emmet(原名 Zen Coding)

      一种快速编写html/css的方法

     使用方法 https://docs.emmet.io/cheat-sheet/ 更详细的语言参照官网网址

 

<!DOCTYPE html>
<html>
<head>
	<title>lizi</title>
</head>
<body>
	ul>li*5
</body>
</html>

 tab 键

 

 

<!DOCTYPE html>
<html>
<head>
	<title>lizi</title>
</head>
<body>
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</body>
</html>

   2. html5

  支持hmtl5规范的插件包。(与插件1混合使用更为方便)

 

  3. JSFormat

  JS代码格式化插件。

 

  4. jQuery

 支持JQuery规范的插件包。(jquery 代码提示)

 

  5.BracketHighlighter

  类似于代码匹配,可以匹配括号,引号等符号内的范围。(代码检查)

 

  6. Alignment

 代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A。

 

 7. Ctags

 函数跳转,Alt+点击 函数名称,会跳转到相应的函数

 

  8 . Doc​Blockr

  注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。

 

  9.openInBrowser(预览html)

   安装完成后,只需要一句简单的设置——绑定快捷键即可。

   打开Preference->Key Bindings - User ,在里面加上一句:{ "keys": ["f5"], "command": "open_in_browser" } 

  F5 就可以预览html

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值