Crystallinity and porosity are crucial for crystalline porous covalent organic frameworks (COFs). Here we report synthetic control over the crystallinity and porosity of COFs by managing interlayer interactions based on self-complementary π-electronic forces. Fluoro-substituted and nonsubstituted aromatic units at different molar ratios were integrated into the edge units that stack to trigger self-complementary π-electronic interactions in the COFs. The interactions improve the crystallinity and enhance the porosity by maximizing the total crystal stacking energy and minimizing the unit cell size. Consequently, the COF consisting of equimolar amounts of fluoro-substituted and nonsubstituted units showed the largest effect. These results suggest a new approach to the design of COFs by managing the interlayer interactions.