字节跳动一S级项目关停

androidstudio设置按钮间距方法：

（1）利用android:layout_marginTop="370dp"等

（2）距离上方的距离，如果上方有组建就是指该组件，你的组建就会在你上面那个组建的下面，你应该用这个属性：android:layout_alignTop="@id/某个组件"，这样你的组建就在这个组件的上面了，然后再距离这个多少距离就好了。

Android studio玩家可以不下载jar包,在Gradle里面加入

dependencies {undefined

compile 'org.jsoup:jsoup:1.9.2'

}复制代码

然后，找到你心仪的网页去抓取数据

这里我们我继续使用美食的网页，然后右键查看网页源码，或者按F12，接下来可以看到一大堆标签：

Paste_Image.png

找到需要的，例如上图这个 “美食天下” ，可以看到 “美食天下” 是放在以

为节点的 中，要获取这个“美食天下”，代码可以这样写:

try {undefined

//从一个URL加载一个Document对象。

Document doc = Jsoup.connect("http://home.meishichina.com/show-top-type-recipe.html").get()

//选择“美食天下”所在节点

Elements elements = doc.select("div.top-bar")

//打印 a标签里面的title

Log.i("mytag",elements.select("a").attr("title"))

}catch(Exception e) {undefined

Log.i("mytag", e.toString())

}复制代码

接下来看一下打印出来的结果：

Paste_Image.png

Jsoup.connect(String url)方法从一个URL加载一个Document对象。如果从该URL获取HTML时发生错误，便会抛出 IOException，应适当处理。

一旦拥有了一个Document，你就可以使用Document中适当的方法或它父类 Element和Node中的方法来取得相关数据。

public class Element extends Node

public class Document extends Element复制代码

很多文章都是说一大堆原理然后放出一个简单的例子，就跟我上面简单的打了一个log一样，然后发现用起来的时候是没那么简单的。为了大家能不看文档也可以直接使用(并且看不懂那一大堆标签也可以用)，我决定再举一个例子(其实也就是比上面多打几个log)：

下图红色框框是我们要获取的数据，可以看到他们对应的节点就是蓝色圆圈里面的

Paste_Image.png

废话不多说上代码

try {undefined

//还是一样先从一个URL加载一个Document对象。

Document doc = Jsoup.connect("http://home.meishichina.com/show-top-type-recipe.html").get()

//“椒麻鸡”和它对应的图片都在复制代码

中

Elements titleAndPic = doc.select("div.pic")

//使用Element.select(String selector)查找元素，使用Node.attr(String key)方法取得一个属性的值

Log.i("mytag", "title:" + titleAndPic.get(1).select("a").attr("title") + "pic:" + titleAndPic.get(1).select("a").select("img").attr("data-src"))

//所需链接在

中的a标签里面

Elements url = doc.select("div.detail").select("a")

Log.i("mytag", "url:" + url.get(i).attr("href"))

//原料在

中

Elements burden = doc.select("p.subcontent")

//对于一个元素中的文本，可以使用Element.text()方法

Log.i("mytag", "burden:" + burden.get(1).text())

}catch(Exception e) {undefined

Log.i("mytag", e.toString())

}

大功告成，接下来看看log

Paste_Image.png

没有问题！那么教学可以结束了！

注意：

Jsoup.connect(String url)方法不能运行在主线程，否则会报NetworkOnMainThreadException

[tFein]

n.

链(条),镣铐, 一连串, 一系列

vt.

用链条拴住

chain

[tFeIn]

n.

链子

She wore a gold chain around her neck.

她的脖子上戴了一条金项链。

The severely sentenced prisoners' chains clanked as they walked.

被判重刑的囚犯们行走时,铁链当啷作响。

连续的事物；一连串

a mountain chain

山系

(pl)枷锁，束缚

链（海程长度单位，合20.1168米）

chain

vt.

（常与up连用）用链子系住；束缚:

The dog was chained (up) to the wall.

这只狗被用一条链子拴在墙上。

It's necessary that the dogs be chained up for the night.

必须用链条把狗拴住过夜。

chain

[tFeIn]

n.

链子

She wore a gold chain around her neck.

她的脖子上戴了一条金项链。

A chain is no stronger than its weakest link.

一环薄弱,全局必垮。

连续的事物；一连串

a mountain chain

山系

(pl)枷锁，束缚

链（海程长度单位，合20.1168米）

chain

vt.

（常与up连用）用链子系住；束缚:

The dog was chained (up) to the wall.

这只狗被用一条链子拴在墙上。

Chain

AHD:[ch³n],Sir Ernst Boris1906-1979

D.J.:[t.ein]

K.K.:[t.en]

NONE

German-born British biochemist. He shared a 1945 Nobel Prize for isolating and purifying penicillin, discovered in 1928 by Sir Alexander Fleming.

柴恩，厄恩斯特·鲍里斯1906-1979德裔英籍生物化学家。由于分离和提纯1928年由亚历山大·弗莱明爵士发现的青霉素而分享1945年诺贝尔奖，

chain

AHD:[ch³n]

D.J.:[t.ein]

K.K.:[t.en]

n.

A connected, flexible series of links, typically of metal, used especially for holding objects together or restraining or for transmitting mechanical power.

链，链条一系列相连的，可折叠弯曲的连结物，通常指金属，尤指用来将物体联结到一起或限定物体或用来传送机械能

Such a set of links, often of precious metal and with pendants attached, worn as an ornament or symbol of office.

项链这样的一串连结物，经常由贵重金属做成带有垂饰，作为装饰物或职业标记戴用

A restraining or confining agent or force.

束缚力，拘束力约束或限制的机构或力量

chains

Bonds, fetters, or shackles.

枷锁，镣铐

Captivity or oppressionbondage:

囚禁，压迫，束缚：

threw off the chains of slavery.

摆脱奴隶制的束缚

A series of closely linked or connected things:

一系列，一连串：

a chain of coincidences.

一连串的巧合

See: series

A number of establishments, such as stores, theaters, or hotels, under common ownership or management.

联号拥有共同产权或统一管理的一系列企业或机构，如商店、剧院或旅馆等

A range of mountains.

山脉

Chemistry

【化学】

A group of atoms bonded in a spatial configuration like links in a chain.

原子序，原子构造限定在如链条上的连结环的空间构型里的一组原子

C14

An instrument used in surveying, consisting of 100 linked pieces of iron or steel and measuring 66 feet (20.1 meters).

测链测量用的一种工具，包含有100个相连的钢铁环，长66英尺（20.1米）

Also called: Gunter's chain

A similar instrument used in engineering, measuring 100 feet (30.5 meters).

工程测链工程上用的一种相似的工具，长100英尺（30.5米）

abbr:ch

A unit of measurement equal to the length of either of these instruments.

测量单位等于这两种工具长度任一种的一个测量单位

chain

v.tr.

chainedchain.ingchains

To bind or make fast with a chain or chains:

用链条拴住，用链条固定：

chained the dog to a tree.

把狗用链条拴在树上

To restrain or confine as if with chains:

监禁，束缚象用链条似地束缚或固定：

workers who were chained to a life of dull routine.

被缚于过单调平淡生活的工人们

Middle English chaine

中古英语 chaine

fromOld French

源自古法语

fromLatin cat¶na

源自拉丁语 cat¶na

chain

[tFein]

n.

链, 链条项圈, 表[锚]链

连锁, 一系列, 一连串

[pl. ] 镣铐束缚囚禁

[pl. ]联营商店连锁商店, 联号, 分支

【测】测链

【化】链

【纺】经线

(=circuit)电路

【天】山链

endless chain

循环(输送)链

a chain of misfortunes

一连串的灾难

The prisoners are in chains.

囚犯上了镣铐。

He owned a hotel chain.

他拥有多家旅馆。

chain

vt.

束缚, 禁锢

【测】用测链测量

chain (sb.) to (sth.)

把(某人)拴在(什么)上

be chained to one's work

忙得难以脱身

chain

vi.

做成链条

chain-breaking

n.

连锁中断

chain-deformation

n.

链变形

chain-derivation

n.

链求导

chaindriven

adj.

链传动的

chainbridge

n.

铁链吊桥

chain-drop

n.

链式吊架(灯具)

chain-initiating

adj.

起动链的

chain-initiation

n.

链引发(作用), 连锁开始

chain-mapping

n.

链映象

chain-mobility

n.

链迁移率

chainreact

vi.

发生连锁反应

chain-retraction

n.

链保核收缩

chain-saw

n.

链锯

chainsmoke

vi.

连续不断地吸烟

chainstitch

vt.,vi.

【纺】锁缝, 用链状针脚 缝

chain-subdivision

n.

链重分, 链剖分

chain-terminating

n., adj.

链终止(的)

chainwales

n.

测深台

chainwall

n.

巷道两侧煤柱

chainwheel

n.

链轮, 轮盘

chainwork

n.

链条细工, 编织品

chain-wrestling

n.

【体】连续摔跤术

chainless

[`tFeInlIs]

adj.

无链的, 无束缚的

A chain is no stronger than its weakest link.

[谚]一环薄弱全局垮。

the chain is no stronger than its weakest link.

[谚]一环薄弱全局垮。

brighten the chain

重叙旧日友情

daisy chain

雏菊做的花环

[转]联串在一起的事物

in chains

上着镣铐, 在囚禁中当奴隶

in the chains

【航海】站在外舷用测链测量水深(的人)

chain and ball

[美]带铁球的脚镣

束缚, 拘束

[喻]未婚妻, 爱人

chain of command

【军】指挥系统

accelerating chain

【电子】加速链

adjusting camera chain

调节摄像机通道

alternating chain

交错链

amino acid side chain

氨基酸侧链

amplifier chain

放大器链, 放大器通路

anchoring chain

限位链, 锁定链, 锚链

antiskid chain

防滑链

apron chain

(板条式)输送器链条

aquatic food chain

水生食物链

articulated link chain

铰接链

ascending chain

升链

attachment chain

爪接链, 钩头链(每节有联结钩), 联接链

backbone chain

主链

balancing chain

平衡链

band chain

带链平链条链

bank chain

连锁银行

bar chain

杆链

barrier chain

【地质】沙洲链

behavio(u)r chain

行为链锁

berth chain

卧铺吊链

bidirection chain

双向链锁, 前后链

bilateralaliphatic chain

对称脂族链

binding chain

捆紧链

biological chain

生物链

bleeder chain

分压电路链

block chain

块环链, 平环链滚链

boom chain

流材链, 绠链(挡木两端所连结的链索)

bottle holder chain

(洗瓶机上的)扶瓶链

bottom side door hanger chain

下侧门钩链

bound paraffin chains

结合烷链

boundary chain

边界链

brake beam safety chain

制动梁安全链

brake shaft chain

手制动轴链

branched chain

支链

bucket chain

(多斗挖土机的)铲斗链

buoy chain

浮标链

bush roller chain

套筒滚子(柱)链

cable chain

锚链

calibrated chain

校准链环链

cam chain

凸轮链系

camera chain

摄象机系统(包括摄象机, 控制部分及电源)

carbon chain

碳链

card driving chain

梳毛机传动链

carrier chain

输送链

carry chain

进位链

cast detachable chain

铸造钩头链

cat chain

吊锚链

caterpillar chain

履带链履带

causal chain

因果链

cellular chain

【自】单元链

check chain

转向架安全链, 保安[限位]链

chromatic chain

色度链, 色度通道

cleaner chain

(杆条式)分离升运链清选输送器链

cleated tire chain

装在轮胎上的抓地[防滑]板链

closed joint chain

闭式连接链

cold chain

(新鲜食品的)低温运输系统

colour-film chain

彩色电影通道

colour-slide chain

彩色幻灯片放映机电路

columellar chain

耳柱链

combination chain

混合链

command chain

命令链

compensating chain

补偿电路

compound kinematic chain

组合运动链

conic crossed slider chain

球面交叉滑块机构

conical chain

锥轴链

conjugated chain

共轭链

contiguous chain

【天】相接环形山链

contract chain

契约连锁店

control chain

控制链

conveyor chain

运输链, 传送链, 输送链带

count digit set chain

计数置位电路

coupling chain

连结链

covering chain

覆土链(播种机的)链条式耢

crane chain

起重机链

crank chain

曲轴链系, 曲柄链系

crater chain

【天】环形山链

crossed roller chain

交叉滚子链

curb chain

锁链

cylinder lever chain

制动缸杠杆链

daisy chain

雏菊链

data chain

【自】数据链

decay chain

衰变链, 放射系

Decca chain

【航海】台卡电台链

decremental chain

【天】渐缩环形山链

deformation chain

形变链

degenerate chain

退化链

delayed-line network chain

延迟线网络链

descending chain

降链

detachable-hook chain

钩头链, 活铬链

detachable-link chain

钩头链, 活铬链

detritus food chain

腐质食物链

digger chain

挖掘链

digital chain system

数字链式

dimension chain

尺寸链

disintegration chain

蜕变链

disordered chain

无序链

divider chain

激励器电路, 分频器链, 多节分频器

double-pitch roller chain

双距滚子链

double slider crank chain

双滑块曲柄链系

drag chain

拉链, 牵引链, 障碍

drawbench chain

拉拔机链条

drawing chain

链式输管机(玻璃管), 牵引链

drive chain

主动链

driving chain

传动链

drop door chain

底门链

dummy coupling chain

防尘堵链

duplex roller chain

双滚子链

ecological food chain

生态食物链

effective network chain

有效网链

electrical chain

电路链

electron transfer chain

电子传递链

elevator chain

升运(器)链

emergency tyre chain

应急胎链

endless chain

循环链

energy chain

能链

equalizer connecting chain

均衡杠杆连接链(通过台)

equipment chain

链式设备

ergodic recurrent chain

遍历递归链

event chain

事件链

fission (product) chain

裂变(产物)链

fitting overall chain

安装防滑链

flat link chain

扁环节链

flat-top roller chain

板条式滚子链

flexibly jointed chain

柔性联结链

folded chain

折叠链

food chain

食物链

fork chain

支链four

bar chain

四杆链

four-link chain

四环链four

vidicon film chain

四视象管式电视电影机

free paraffin chains

自由烷烃链

functional chain

功能链

fundamental chain

主链

fusee chain

蜗形滑轮链, 均力圆锥滑轮链

galvanized iron chain

镀锌铁链

gamma chain

γ链(免疫球蛋白G)重链

gangway chain

栏链

gathering chain

(玉米联合收获机的)集茎夹送链

gearing chain

传动链

gouge-type saw chain

牙轮型链锯

grate chain

炉篦栅链

grazing food chain

放牧食物链

green chain

生材输送链

ground chain

【船】制动链

guiding chain

前导链

hand-in-hand chain

环形交叉链

haulage chain

牵引链, 拉链

heater chain

灯[热]丝电路

heavy-duty chain

重型链, 重载链

heteropolyoxyalkylene chain

(混)杂聚氧化烯链

highly branched chain

多支链

high-test chain

高强度链条

hinged chain

铰接链

hoist chain

起重链, 吊链

home radar chain

地面雷达网

homoatomic chain

同素键纯键(同种元素原子间的键)

homotopy chain

同伦链

hook joint chain

钩接链

hydrocarbon chain

烃链

hydrophilic chain

亲水链

hydrophobic chain

疏水链

infinite chain

无限链

insulator chain

绝缘子串

intermediate safety chain

中间保险链

inverse chain

反链

inverted tooth chain

逆齿链

island chain

列岛

jack chain

起重机链(木材)拖索

kinematic chain

运动链系

kinetic chain

动力学链

knockdown chain

可拆[卸]链

laminated chain

叠片链, 无声链齿键

laser chain

串级激光器

lashing chain

【采矿】无极绳挂链

lateral chain

侧链

leather watch chain

皮表带

light chain

轻链(免疫球蛋白)

linear chain

直链

linearly ordered chain

线性有序链

link chain

扁节链

linkage check chain

悬挂装置限位链[保险链]

listening chain

监听通路

load chain

载重链

lock(ed) chain

固定链系

long-link chain

长环节链

loop chain

环链, 无端链

malleable detachable chain

展性活动链

malleable pintle chain

展性锁链

manhole cover chain

人孔盖链

marine food chain

海洋食物链

market chains

连锁市场

maximal chain

极大链

measuring chain

测链

metabolic chain

代谢链

minimal chain

最小链

mountain chain

【地理】山链

multiple strand chain

多级[股]链

nautical chain

航海测链

nerve chain

神经链

network chain

网链

nitrogen chain

氮链

non-recurrent chain

非回归链

non-skid tyre chain

防滑胎链

normal chain

正规链

normal carbon chain

正碳链直碳链

open carrier chain

杆条式链

open link chain

开链

open-hook link chain

钩头链

overflow chain

溢出链

oxyalkyl chain

烷氧基链

panning chain

(面包烤炉的)吊挂烤模输送链

parasite chain

【生】寄生链

pattern chain

【纺】纹板链, 提花链条

pendant chain

吊链

periodic chain

周期链

photosynthetic chain

光合链

pick-up chain

喂送链捡拾链

pick up chain

喂送链捡拾链

pintle chain

扁节链铰接链 �

pitch chain

校准链, 节链, 短环链

plate link chain

板链

plate-top roller chain

板条式滚子链

platform chain

通过台安全链

pole chain

量地测链

polymer chain

聚合物链

polypeptide chain

多肽链

pore chain

孔链

potentiometer chain

分压链

power transmission chain

动力链

predator food chain

捕食(食物)链

pressed-steel hook chain

模压钢钩头链, 冲压钩头链

principal chain

主链

print chain

打印链

production chain

生产线, 流水(作业)线

program chain

程序链接

propelling chain

运转链主动链

proton-proton chain

【核】质子-质子循环

pull(ing) chain

拉链

pulley chain

轮带链系

quadric crank chain

四杆曲柄链系

quadrilateral chain

大地四边形链

radioactive chain

放射性衰变链

radioactive uranium chain

铀族放射系

ratchet chain

棘轮链系

rear drive chain

后传动链

recording chain

录音[象]通路

recurrent chain

递归链

reducible chain

可约链

regular chain

正则链

regular pitch roller chain

标准节距套筒滚子链

reporting chain

通报系统

reproducing chain

重放通路

resistor chain

电阻排

respiratory chain

呼吸链

rhomboid chain

(偏)菱形链

right-hand track chain

右履带

rigid chain

刚性链

ring counter chain

环形计数器链

rocker joint chain

摇轴链

rod-link chain

(升运器)杆式链

roller chain

滚子链

rudder (pendant) chain

转舵链短链

safety pin chain

安全销吊链

saprophyte chain

【生态】腐生链

scalar chain

阶链

seamount chain

【地质】海山链

selecting chain

(纵横制交换机中的)互斥电路

sheet-roller chain

金属板链环滚子链

short link chain

短环节链

short-stopped chain

速止链式反应断链

side chain

侧链(聚合物中)支链

signal chain

信号链, 信号通路

silent chain

无声链

single-camera chain

单机摄影电路

single-row chain

单列链

singular chain

奇异链

skid chain

防滑链

skip chain

跳转链

skip-linked chain

跳跃连接链

sleeved roller transmission chain

套筒滚子传动链

slider crank chain

滑块曲柄链系(机构)

sling lifting chains

吊链

slow-scan camera chain

慢扫描摄影电路

sorting chains

分级链床

speech chain

言语链

spoken chain

言语链

spherical chain

球面运动链

sprocket chain

链轮环链扣齿链

sprocket silentchain

(扁环节)无声链

squarechain

面积尺(等于404.7 平方米)平方链(面积单位为0.1英亩)

square-link chain

方形节链, 钩头链

stanchion chain

立柱链

standard pitch roller chain

标准节距套筒滚子链

star chain

星形无线电信标链(由四个信标组成Y形, 主台在中心)

starting chain

起动链

statistical chain

统计链

stoker drive chain

锅炉添煤器

store chains

连锁商店

straight side long pitch steel chain

直边长节式钢链

striking weight chain

打点锤链

stud chain

柱环节链, 有挡平环链

studio camera chain

演播室摄象机通路

supporting chain

吊链

surveyor's steel chain

测量钢链

sway chain

限位链, 锁定链

swivel chain

斗链, 转动链

sympathetic chain

交感(神经)干

tail-gate chain

可折后栏板链(车厢)

television chain

电视联播网

tender intermediate safety chain

煤水车中间保险链

tension chain

拉链, 锚链

terminating Markov chain

可终止的马尔可夫链

throat chain

喉口集茎夹送链

tie chain

系紧链条

time-base counter chain

时基计数电路

timing chain

定时链

toggle chain

套环链肘节链

toothed chain

有齿链

top connecting chain

上连结链

topper chain

甜菜切顶输送链

total food chain

食物链总数

tow chain

拖链

transfer chain

传递链运输链

transmission chain

传动链

transport chain

运输连锁线

trash chain

杂草清除(输送)链, 排杂草链

trenching chain

挖沟切土链, 挖沟链

triple strand roller chain

三列套筒滚子链

trophic chain

营养链

truck safety chain

转向架安全链

trunk chain

主链

twin-roller chain

双列套筒滚子链

twist link type chain

扭节式胎链

type chain

打印机链带

tyre-lock chain

胎锁链(轮胎防滑)

unbalanced cutter chain

【采矿】不平衡截煤机链

unconstrained chain

不限定链系

uncoupling chain

联结器分离链, 钩销链, 车钩提杆链

upper chain

上链(干燥室的)上棒链

valve chain

阀盖链

ventral nerve chain

腹神经链

vine chain

藤蔓清除(输送)链, 茎叶排送链

voluntary chain

自愿联合合同(批发商与零售商之间签订的协定)

water pump driving chain

水泵传动链

webbed chain

杆式升运链

wheel chain

齿轮链(系)操舵链

winch chain and sprocket

绞车链及链轮

zigzag chain

曲折链

chain of bucket

斗链链斗传送器

chain of command (=span of control)

管理面, 控制面, 所属管理人员人数

chain of locks

梯级船闸

chain of pot

斗链

chain of relays

继电器群

chain of transformers

营养链, 食物链

chain of triangles

三角链

见series

chain

bindfastenrestrainshackle 27983希望对你有帮助！

盘点最常用的十大 Visual Studio Code 扩展组件。

作者 | David Neal

译者 | 谭开朗

责编 | 屠敏

出品 | CSDN（ID：CSDNnews）

各大平台与各种语言的开发人员都在使用Visual Studio Code，我对此感到惊讶。Stack Overflow发布的2019年开发者调查结果显示，VS Code占主导地位。我使用VS Code的主要原因是它能很好的支持JavaScript和Node.js的代码调试，并且能免费使用Visual Studio Marketplace中提供的定制化扩展组件。

然而，这里面有成千上万个扩展组件！我们怎么知道哪些是好用的呢？

一种方法是通过查看扩展组件的平均评级和下载数量来衡量其受欢迎程度。另一种方法是阅读像本文这种包含个人观点的文章。一起来看看吧！

下面是我为Node.js开发人员推荐的Visual Studio Code扩展组件。

Bracket Pair Colorizer2

我写代码是尽可能的简洁明了，并且不嵌套太多的东西。然而事与愿违，有些时候这是不可避免的。Bracket Pair Colorizer2为结对的括号提供了颜色高亮功能，便于我们直观的看出对应的左括号和右括号。

npm

npm扩展组件有两个功能：运行编辑器中webpack.json定义的npm脚本，并验证package.json中列出的文件包。

npm Intellisense

使用require()导入模块代码时，npm Intellisense组件会自发进行包提示。

ESLint

在初始化一个新的Node.js项目文件时，我要做的第一件事就是在终端安装ESLint。

ESLint组件会使用本地ESLint和配置规则来查找JavaScript代码中的常见模式问题，以便减少bug而编写出更好的代码。ESLint还可以重新格式化代码使其一致性更好，这取决于我们启用的规则。请确保VS Code设置了自动保存修复功能（”eslint.autoFixOnSave”: true）。

要初始化ESLint配置文件，我们可以在项目中运行此命令：

当前的.eslintr .js内容如下：

Code Spell Checker

我不知道大家的情况怎么样，但当我发现我在代码中拼错了函数名、变量、注释或其他任何东西时，我真的很恼火。如果通篇都是拼写错误的，那是可以正常运行的，但是拼写错误仍然会让人沮丧或尴尬。

Code Spell Checker组件的出现终结了拼写错误时代！该组件很好的一个特性是可以区分camelCase、PascalCase、snake_case等。另一个很棒的特性是它有西班牙语、法语、德语、俄语和其他一些语言的词典。

Auto Close Tag（自动关闭标签）

VS Code最新版本会对HTML或XML文件自动创建结束标签。对于其他文件类型，如JavaScript、Vue和JSX，Auto Close Tag将为我们缩短某些输入。

DotENV

用环境变量来配置Node.js应用程序是很常见的。管理环境变量最流行的一个模块是dotenv。VS Code的DotENV扩展组件在编辑.env文件时添加了便捷的语法高亮显示功能。

Path Intellisense

Path Intellisense组件增加了对文件路径和名称的自动补全功能，以此来降低手工输入从而减少引入与路径相关的bug。

MarkDownLint

优秀的代码和文档是相辅相成的。我更喜欢用markdown格式编写README文件或其他文档。Markdownlint组件可以帮助我们确保markdown语法的正确性。

Material Icon Theme

Material Icon Theme组件为VS Code的不同文件类型添加了多种图标。˙这样能快速区分项目中不同的文件以便很大限度的节省时间！

其他权威的VSCode扩展组件（Node.js适用）

以下扩展组件没有排进前10名，但是对于Node.js开发人员来说，它们在某些场景中很有用！

原文：https://developer.okta.com/blog/2019/05/08/top-vs-code-extensions-for-nodejs-developers

本文为 CSDN 翻译，转载请注明来源出处。

到http://developer.android.com/sdk/installing/studio.html下载安装包（dmg文件），打开并将Android

Studio拖动到Applications中去，拷贝完毕即可，可以到应用程序下将图标拖动到Dock上。

二、新建工程

安装完成后，选择默认选项点击OK即可：

进入Android Studio，开始界面和Xcode有点类似，点击New

project新建一个工程，新建过程和在Eclipse上差不多，这里就不赘述了。下图是开始界面：

新建工程完毕后就进入了Android Studio主界面。第一次进去可能如下图所示什么也没有，点击箭头所示按钮展开目录结构，

展开后可以看到Android Studio的目录结构，和Eclipse的工程还是有一点区别的：

区别：

1.Android

Studio的目录结构本来就代表一个workspace，一个workspace里面可以有Module，可以将一个Module理解成Eclipse中的一个Project；

2.目录中将java代码和资源文件（图片、布局文件等）全部归结为src，在src目录下有一个main的分组，同时划分出java和res两个Group，res和Eclipse下的结构一样，java下就是源码的包和类文件；

3.新建文件方式的不同，右键选择New或Command+N后出现新建菜单，类型有Java

Class，也就是一般的java类，File就是普通文件，Package就是建包，值得注意的就是Android

Component，它直接提供了Android中基本组件的创建。

可以选择创建Android中不同类型的组件：

三、窗口布局及主题介绍

另外，主界面底部有一个名为Android的选项卡，打开可以看到DDMS中的设备信息和Logcat输出：

顶部工具栏中可以看到和Eclipse中功能一样的一个选项，这些相信大家都比较熟悉了：

最后需要说明的是，大家看到我的主界面是暗色风格，和Google演示的是一样的风格，大家第一次使用打开的是默认风格（亮色），如果想要修改的话，进入Preferences（按Command+，）到IDE

Settings下选择Colors&font并设置Schema

name为Darcula就可以设置成暗色风格，如果需要自己定义样式，比如字体大小颜色等，可以新建一个Schema来自己定义

四、布局文件编写（实时预览）

最炫的功能要来了，实时编写并预览布局文件，此项功能着实大大提高开发效率，打开一个xml布局文件点击右侧Preview选项卡即可唤出预览界面，可以选择很多尺寸的手机进行预览：

同时，还可以同时预览多种不同型号和尺寸的设备，编写代码的同时适配多种机型，这不就是当初梦寐以求的嘛！

上面介绍了Android

Studio的基本使用，包括安装、新建工程、工程结构以及主题设置。下面介绍一些其他技巧，以及与Eclipse之前的一些对比。需要重申一下，我所有的操作与版本是基于Mac系统，在Windows上的同学基本类似，下面就分主题开始吧：

一、从Eclipse导入工程到Android Studio

根据官方的介绍，Android Studio可以兼容Eclipse的现有工程，但需要做一些操作：

首先升级ADT到最新版本，目前为版本号为22（注意和ADT相关的组件最好一并升级，避免后期可能出现的错误）

选择需要从Eclipse导出的工程，右键选择Export并选择Android下的Generate Gradle Build Files（如下图）：

选择完毕后并不会导出到其他地方，而是在本地工程生成了一个build.gradle文件，在Eclipse工程中也可以看到，这个文件是Android

Studio识别的，如下图：

3.随后进入Android Studio并选择Import

Project，可以看到刚刚在Eclipse中的项目图标变成了一个Android机器人图标，说明转换成功，这时候选择工程导入即可：

至此，就完成了从Eclipse导入现有Android工程到Android Studio，现在可以开始对工程进行操作了！

二、Eclipse工程与Android Studio的区别

Eclipse工程可以导入Android Studio运行，而反过来在Android Studio建立的工程不能在Eclipse中运行；

二者的工程结构不一样，在Eclipse中一个Project就代表一个项目工程，而在Android

Studio中就和Intellij一样，一个Project代表一个工作空间，相当于Eclipse中的workspace，而在Android

Studio中一个Module就相当于Eclipse中的一个Project，这个概念需要弄明白，不要混了或觉得糊涂了。

在编辑操作上，在Eclipse中编辑修改后必须手动command+s保存文件，而在Android

Studio中就和Intellij一样是自动保存的，这一点和第二点和Xcode也是类似的。

工程目录上的区别，在Eclipse中src部分一般是java文件，res部分是资源文件，包括布局文件和多媒体资源等。在Android

Studio中，可以看下图的目录结构：

包括java文件和资源文件全部放到了src目录下，src目录下包括一个main文件夹，再下面就是java文件夹和res文件夹，其实这里，java文件夹就相当于Eclipse中的src，res还是那个res，这里想起了本山老师的小品“src已经不是那个src了，res还是那个res”

三、真机运行以及常用快捷键

在Android

Studio中点击界面下方的Android选项卡可以看到Device信息和Logcat，连上设备后打开Android选项卡会检测真机，成功后会显示在Device中，点击顶部的绿色小箭头就可以开始运行工程了。有一点需要注意的是，运行时可以选择模拟器也可以选择真机，由于在Android

Studio中运行工程的时候有一个Device优先级选择，如果不设置的话可能会出现只运行在模拟器上的现象，我们可以自行设置一下：先点击Run菜单选择Run

Configuration，并选择你想选择的目标设备，可以是模拟器和真机，也可以在运行选由用户选择：

快捷键大家可以对照官方文档进行熟悉，如下表，也可以自己修改配置选项进行自定义：

个人觉得Android

Studio还是有一定的前景的，这里就需要Google不断进行完善和改进了，赶紧把大家从Eclipse中解救出来吧。另外，在此期间，大家其实可以尝试使用一下Intellij

IDEA，这个默认也是集成Android开发环境的。Android

Studio是基于前者改进而来，二者在使用上差不多，也是Eclipse的一个不错的替代者。下面提供一个Windows版Android Studio下载。

在windows平台下第一次使用android studio创建项目步骤如下。

1、双击打开Android studio之后选择start a new Android Studio project，如下图：

2、然后填上项目名和包名，然后点击Next如下图：

3、然后选择创建项目最小的sdk版本，然后点击Next如下图：

4、然后选择创建的页面，这里选择空白页面，然后点击next如下图：

5、最后是项目的入口类名和布局文件名，这里选择默认，点击finish，如下图：