|
|
|
|
移动端

申慱游戏下载登入:干货 | 从零开始配置前端开发环境

本文来源:http://www.2233122.com/www_gamersky_com/

太阳城娱乐网最快登入,这位史上最苦逼的间谍,在收到皇家地理学会授予的金质奖章与一小笔退休金之后,潦倒而死,年仅53岁。机构论市:明年股市有投资机会对于后市行情,预计,明年沪指波动区间为2900~3800点,二季度高点3600点。今年11月25日开始担任基金经理的,目前同时管理新目标、信达澳银新财富和信达澳银慧理财三只基金;的,首次担任基金经理的时间为2016年9月5日,他目前同时管理万家恒瑞18个月定开债券、万家鑫璟纯债债券、万家瑞旭混合等多只基金。考核不成再用辞退。

国际刑事法院成立之初,国际社会大多乐见其成,希望建立能够对种族屠杀等针对平民的反人类罪行起到威慑作用,避免像卢旺达大屠杀这样的骇人听闻的犯罪事件再度重演。那怎么进行调查呢?很简单,找一个“合适”的替代国,去这个替代国调查该国彩电的市场价格。”在经历过无数次的语音通话后,刘风华同意了冯萧的要求。“立足国内,面向市场,平等互利,长期合作,共同发展”,作为纸业和报业长期奉行的这20字方针,是确保新闻纸战略地位不动摇的基本遵循。

(完)我一直把敬忠当对手,现在敬忠牺牲了,我再也超越不了他。安徽省广德的张某盗窃后会在现场留下了一张纸条,内容就是装可怜哭穷,自己逼不得已盗窃的,求求你原谅我啊,钱一定归还等等。详情可参考之前的课程《》。

前段时间更换了设备,正好趁着这个机会来记录一下适合前端开发的一个环境,以及推荐提高效率的应用。

作者:anran758来源:segmentfault|2019-08-12 09:36

前段时间更换了设备,正好趁着这个机会来记录一下适合前端开发的一个环境,以及推荐提高效率的应用。

基础环境

Node.js 是JavaScript运行时,目前前端工程化必不可缺的一个环境。通常我们会选择稳定版本(LTS)进行下载。

NPM 是javascript的包管理工具,也是目前Node.js默认的包管理工具。一般下载了Node.js后会附带npm,不用专门的去下载。

YARN 是Fackbook开源的依赖管理包,和npm是做同样的工作,但相比npm安装依赖的速度会更加迅速。两者都是讲依赖写入package.json中,在使用习惯上是相近的。

Git 是最先进的代码版本控制软件。

开发环境

关于编辑器

目前前端开发主流的编辑器有 sublimeText、WebStorm、vscode,三种主流器各有特点:

  • sublimeText是一个十分轻巧的编辑器,在 macOS 上下载该软件仅需 15.2MB. 由于轻巧的缘故,很多那你所需的环境需要安装相应的插件,比如你可能需要某个语言的语法高亮,因此你需要在 store 上找到相应插件来提高你开发体验。然后该编辑器是付费软件(虽然可以无限试用
  • webStorm 是一个功能强大的编辑器,同时也是一个付费软件,并不像sublimeText那样可以无限试用,由于功能太过于齐全,一些低配置的电脑可能会吃不消。以上特点是群友对webStorm的评价,笔者没有使用该编辑器,不过多评论。
  • vsocde 是由微软开源的一个编辑器,虽然是后起之秀,但开源后该编辑器的设计与体验迅速吸引了一大批用户。它内置了一些前端基础的开发环境,针对Node.js还可以进行短点调试。

笔者一开始也是sublimeText用户,但自从使用了vscode后就再也回不去了,因为确实是太好用了!

vscode其中有一个插件叫做 setiings sync , 它可以将你的编辑器配置上传至gist。就算你换了一个全新的设备,下载vscode后,再下载该插件,传入Token后就可以同步你所有的配置,十分的方便~

vscode的配置可以查看该文章: [[环境搭建] 从零开始配置 vscode](/anran758_github_io/bl...

关于浏览器

前端的工作更多时候是与用户打交道,我们的工作产出通常在浏览器页面上呈现。

浏览器通常提供了开发者工具以供开发者调试,要选择浏览器作为调试可以先参考目前市面的浏览器份额: 目前市面上主流的浏览器主要就是chrome、Safari、IE/Edge、opera、firefox这五种浏览器。国内市场有UC浏览器等,但内核的大多都是采用webkit或者兼容低版本IE内核。

从 statcounter 上我们可以看到浏览器市场份额,选中 Edit Chart Data, 再选择 Region 为 China, 我们就能看到中国浏览器市场份额的数据, 以 2018.07 - 2019.07 的趋势为例:

「干货」从零开始配置前端开发环境

从统计数据来看目前主要的趋势还是以chrome所使用的webkit内核作为主流,同时chrome的开发者工具对于开发人员十分的友好,因此有很多的开发者选择了该浏览器作为首选的调试工具。chrome还有一个便利就是登陆了谷歌账号后,可以在别的机器上进行同步插件和配置。

打开chrome,右键页面并选中 "检查"即可打开开发者工具,chrome的具体使用参考下面几篇文章:

  • Chrome 键盘快捷键
  • Chrome 开发工具指南

关于设计图

每个团队的设计师提供的设计图可能是不一致的,有些团队的设计师可能使用Skitch, 一个可以直接导出为html文件的设计图、有些则直接提供PSD文件。

如果要在两者当中选择,那么我更喜欢PSD的设计图。虽然Skitch导出的设计图可以直接查看每个元素的尺寸,但没有标注和测量的功能。PSD文件通常是源文件,可以在设计软件中打开,可以查看具体设计的详细信息。

打开PSD文件通常有两种方式:

  • Photoshop这个著名的设计软件就不必再多说了吧,优点是功能齐全,你想要的这里都有,缺点是具备一定的学习成本,功能繁多带来的问题就是眼花缭乱。
  • PxCook 就是专门为前端与设计师协作的工具,阉割了开发所用不到的功能,具备各种标注于测量。

扩展应用

有了以上的环境其实就可以投入开发了,但实际工作中还是不太够用,我们需要添加一些好用插件或者工具可以增加效率~

chrome 插件

下面推荐一些比较好用的开发类插件,但链接需要科学上网才能访问:

Markdown Preview Plus

markdown 是程序员最常用的一个文件之一,默认情况下chomre查看markdown是无格式文字展示,可以安装此插件将markdown格式为文档。

「干货」从零开始配置前端开发环境

Enhanced GitHub

该插件将增强github的功能,能显示仓库的大小,能够支持下载单个文件等。

「干货」从零开始配置前端开发环境

GitHub Hovercard

该插件提供 hover card, 显示用户信息、仓库信息、issue、ccommit 信息等。

「干货」从零开始配置前端开发环境

JSONView

JSON是一个通用的数据格式,无论是前端还是后端都会跟这个数据格式打交道,有时我们直接在URL打开会返回JSON接口后,会在页面上显示一串字符串对象,并不太方便阅读数据。

该插件就是格式化返回的JSON, 使其美观。

「干货」从零开始配置前端开发环境

NIM(Node.js 调试管理工具)

Node.js的调试工具,具体教程商城页有介绍。

Vue.js devtools、Redux DevTools、React Developer Tools

对应前端框架开发必备的 devtools,需要的时候再安装也不迟。

Proxy SwitchyOmega

开发中还是必不可免会有使用代理的情况,该插件可以轻松快捷地管理和切换多个代理设置。

应用

Sourcetree

Sourcetree 是Git GUI,使用可视化界面来对代码进行版本控制,操作起来会比较友好。

「干货」从零开始配置前端开发环境

Git flow

该包封装了release、feature、hotfix等项目代码管理流程,减少输入git命令过程。git flow也被封装进了 SourceTree 中,只不过一个是带有 UI 界面的软件,另一个是直接在命令行使用的包,满足不同人的需求。

Postman

Postman是一个跨平台的应用,它拥有完整的API开发环境,该应用前后端的朋友都能使用的了。在Chrome插件商城中你也能找到它,安装后会自动将该应用离线下载至本地。如果你更偏爱于命令行,可以尝试curl。

「干货」从零开始配置前端开发环境

Mac 环境

针对 macOS 环境的补充

Homebrew: macOS 的包管理器,如果需要使用 macOS 进行开发的话,请务必安装该包!

scrollreverser: 可以将鼠标和触摸板设置不同的方向。

ShadowsocksX-NG: 查看更广阔知识库的钥匙

SwitchHosts: 开发中难免会修改hosts,该款软件可以用于快速切换hosts文件。

「干货」从零开始配置前端开发环境

iterm2: macOS 默认的终端实际上并不太好用,iterm2的出现就是为了替代默认的重点,它支持更多的功能。

「干货」从零开始配置前端开发环境

oh-my-zsh: 默认的终端或者iterm2的外观并不太美观~ zsh框架能使你的终端颜值更上一步~ 不仅如此,它作为一个框架,有更多的插件和主题可选择,感兴趣的朋友可以深究一下~

「干货」从零开始配置前端开发环境

【编辑推荐】

  1. 能看懂这10个JavaScript难点的程序员运气不会太差…
  2. Java程序计数器刨根问底,大部分程序员都收藏起来了
  3. JavaScript不得不知的图片Base64编码小知识
  4. 我妈 1969 年学编程,那时候程序员是怎样写代码的
  5. 不容错过的 Github万星程序员面试宝典
【责任编辑:华轩 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

订阅专栏+更多

16招轻松掌握PPT技巧

太阳城娱乐网最快登入16招轻松掌握PPT技巧

GET职场加薪技能
共16章 | 晒书包

347人订阅学习

20个局域网建设改造案例

太阳城娱乐网最快登入20个局域网建设改造案例

网络搭建技巧
共20章 | 捷哥CCIE

714人订阅学习

WOT2019全球人工智能技术峰会

WOT2019全球人工智能技术峰会

通用技术、应用领域、企业赋能三大章节,13大技术专场,60+国内外一线人工智能精英大咖站台,分享人工智能的平台工具、算法模型、语音视觉等技术主题,助力人工智能落地。
共50章 | WOT峰会

0人订阅学习

读 书 +更多

主流ARM嵌入式系统设计技术与实例精解

本书重点介绍了主流ARM应用系统的开发与实践。全书基于目前较为通用、流行的ARM处理器,介绍了其原理、硬件结构、硬件电路设计与开发和软件...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊

51CTO服务号

51CTO播客

777老虎机微信支付充值 太阳城现金网登入 申博支付宝怎么充值 申博游戏注册 申博亚洲官网登入 申博微信支付充值
www.188msc.com www.99sbc.com 申博线路检测 申博太阳城亚洲登入 申博娱乐场直营网 777老虎机微信支付充值
申博138游戏直营网 申博娱乐太阳成登入 菲律宾申博网址导航 申博手机下载版 申博在线开户登入 www.8181msc.com