The design of functional energy storage materials with superior performances has become the focus topic with the growing energy crisis in recent years. Herein, porous carbon nanofibers@tin dioxide (PCNFs@SnO2) composites are prepared by one-pot electrospinning and followed by carbonization. The PCNFs@SnO2 possesses a hierarchically porous structure containing mesopores and micropores. The specific surface area is as high as ∼ 559.4 m2 g-1, and the total pore volume can reach 0.28 cm3 g-1. Meanwhile, the nonwoven fabric surface is coated with a silver layer through the screen printing technique to obtain silver-coated nonwoven fabric (SNF). Importantly, PCNFs@SnO2 and SNF are combined to obtain flexible fabric-based functional materials. As a primary energy application, the prepared PCNFs@SnO2/SNF electrode has a high mass specific capacitance of 583.1Fg-1 at 1Ag-1, a high area specific capacitance of 933 mF cm-2 at 1mAcm-2, and a good rate capability (70% at 10Ag-1). The supercapacitor device with two PCNFs@SnO2/SNF electrodes also shows outstanding cycling durability, capacitor retention is as high as ∼ 91.52%, after 10000 charging/discharging cycles. In brief, our study may provide an innovative route for designing hierarchically porous one-dimensional carbon nanocomposites for supercapacitors with high performances.