文档章节

前端团队开发工具

triankg
 triankg
发布于 2015/09/16 11:50
字数 383
阅读 109
收藏 3
### Sublime
代码检查
  1. http://www.sublimetext.com/3 下载合适的portable version
  2. https://nodejs.org/download/ 下载 node并且安装
  3. 安装jshint
    $ npm install jshint -g
    如果没响应(GFW,使用cnpm和npmreg都是不错的选择 ),使用淘宝的源,下面cnpm换成jshint。
  4. https://packagecontrol.io/installation 按照说明配置sublime 包管理器
  5. sublime中ctrl+shift+p, 输入install,选择install Package
  6. 搜索安装 SublimeLinter
  7. 搜索安装SublimeLinter-jshint
  8. 可能需要重启sublime
  • 在sublime右键,菜单最后有个SublimeLinter配置,配置前两项Lint Mode和Mark Style,分别表示触发事件和标记样式。
    *如果要修改默认js规则,可在项目目录下放配置文件,参考移动云目录下的.jshintrc 文件,(ps:团队项目的配置文件不要个人去修改)

格式化

  • HTML-css-JS Prettify ——代码格式化
  • Docblocker—— 注释

  • 其他可选 插件(可选)
  • better Completion——代码提示
  • emmet——就是 zencoding


####Fiddle
  • 查看网络数据的工具,还可以当代理使用,可以把远程文件用本地文件替换来调试的工具。
  • 有了它,就能不启动本地环境,直接链接远程服务器来开发前端代码了。

###gulp
前端项目构建工具
在工程根目录(与index.html同级)中有两个相关文件:
package.json  —— node包配置文件
通过下面的命令来加载依赖包
$ npm install

gulpfile.js   —— gulp配置文件
在工程根目录打开命令行,执行下面命令来打包maroco.js
$ gulp

本文转载自:https://www.evernote.com/shard/s102/sh/1cff5c4d-ac8e-4a75-b78c-66d4005a4c62/5205745d1bbc1fb7

triankg
粉丝 11
博文 112
码字总数 29848
作品 0
无锡
项目经理
私信 提问
从抄起键盘一把梭到严谨细致的「前端工程化」

近两年,不少前端开发者喜欢自嘲自己是「前端配置工程师」,这个说法其实是他们面对繁琐的开发环境配置时,无奈之下的一种调侃,但也侧面反映了前端开发环境配置之复杂 —— 甚至可以细分出一...

局长
04/23
1K
0
Winter 在政采云分享实录 -《前端团队的成长》

本文首发于政采云前端团队博客: Winter 在政采云分享实录 -《前端团队的成长》 前言 前端技术分享会,是政采云前端团队(ZooTeam)的月度分享会。 2019 年的 10 月期,我们有幸邀请到了 Wi...

政采云前端团队
11/04
0
0
程序员总结:写给初学前端工程师的一封信,99%的人不知道

     应波波的邀请写一写我对这个话题的想法。   从去年开始不少朋友让我帮忙介绍前端工程师,绝大部分忙都没帮上,原因是真找不到人。   享之前我还是要推荐下我自己的前端学习群:...

学习web前端
2017/10/14
0
0
写给初学前端工程师的一封信

大家好: 应波波的邀请写一写我对这个话题的想法。 从去年开始不少朋友让我帮忙介绍前端工程师,绝大部分忙都没帮上,原因是真找不到人。 我当时是这么跟他们分析的:过去的客户端以browser...

JustBeCoder
2017/10/12
0
0
前端开发规范之React应用使用ESLint

现代前端技术飞速发展,最终形成了以效率和质量为核心的两大趋势。就效率而言,在大型前端项目的开发中,规范的制定、框架的出现与升级、构建的使用更新、组件化的设计实现等都在于前端能更快...

sinat_17775997
2017/12/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

新建时隐藏按钮,显示明细时显示

在InitControl()中 if (saTableKeys != null) { rpgDesign.Visible = true; rpgPrint.Visible = true; }......

_Somuns
33分钟前
5
0
【实战演练,拒绝996】-SpringBoot2.x自定义Spring boot Starter

欢迎关注 提升能力,涨薪可待 面试知识,工作可待 实战演练,拒绝996 如果此文对你有帮助、喜欢的话,那就点个赞呗! 前言 是不是感觉在工作上难于晋升了呢? 是不是感觉找工作面试是那么难呢...

ccww_
35分钟前
8
0
SpringBoot从入门到放弃,原理篇-自动配置原理

SpringBoot从入门到放弃,原理篇-自动配置原理 springboot自动配置原理 配置文件能配置的属性参照 自动配置原理 1、springboot启动的时候加载主配置类,开启了自动配置功能@EnableAutoConfig...

有一个小阿飞
今天
11
0
php变量和数据类型

php中的变量 PHP中的变量声明 PHP中的变量的使用 PHP中的数据类型之整型 PHP数据类型之浮点类型和布尔类型 PHP数据类型之字符串类型 PHP数据类型之heredoc和nowdoc的使用 PHP数据类型之复合类...

达达前端小酒馆
今天
7
0
OSChina 周日乱弹 —— 沙发忽然就爆炸了,吓死我了

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】@这次装个文艺青年吧:#今日歌曲推荐# 分享Vicetone/Youngblood Hawke的单曲《Landslide》: 《Landslide》- Vicetone/Youngblood Hawke 手机党...

小小编辑
今天
253
9

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部