【前端工具】打造酷到没朋友的前端开发平台

本文介绍如何在Sublime中配置前端开发环境,包括安装常用插件如Emmet、JSHint等,并链接GitHub进行版本管理。还介绍了Node.js、Grunt等工具的基本用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.sublime

这里写图片描述
当然少不了插件,安装很简单,Ctrl+Shift+P–>install package–>输入安装包的名字就可以了。
我的插件如下:
1.1 HTML-CSS-JS Prettify
Ctrl+Shift+H就可以使用了。当然这个插件需要nodejs,安装很简单,官网上下载之后,双击安装就可以了。插件设置nodejs的安装目录。
1.2 DocBlockr
窗口和侧边栏联动。
1.3 JQuery
这个不多说了。
1.4 Emmet
必备。输入ul.test>li.temp*10,按tab,你就会惊喜。
1.5 SublimeLinter-jshint
jshint语法错误提示。
首先安装SublimeLinter 然后SublimeLinter-jshint
需要nodejs支持,在命令行输入:npm install -g jshint就行了;
1.6 SublimeLinter-csshint

参考:http://gaohaoyang.github.io/2015/03/26/sublimeLinter/

2.git 链接Github

安装git和TortoiseGit,按顺序,在官网上下载安装就可以
具体参考:

http://blog.youkuaiyun.com/yuanzichao/article/details/44922593

3.nodejs

前面其实已经说过了,很简单。

4.grunt

npm install -g grunt-cli
一篇博客写的很好,这里就不去重复造轮子了。

http://yujiangshui.com/grunt-basic-tutorial/

5.fiddle后台监控

这里写图片描述
慕课网有视频教程http://www.imooc.com/

http://www.imooc.com/view/37

6.单元测试工具

这里写图片描述
这里写图片描述
理想的现代web应用开发的目录结构应该是这样的
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值