昨天心血来潮想试试用Visual Studio搞网页,毕竟这玩意名声在外。结果装完打开一看,嚯,满屏按钮图标,差点以为开错了航天飞机控制台。
第一步:硬着头皮戳开新建项目
对着“新建项目”按钮杵了三分钟,终于在“Web”分类里找到个“* Core Web应用”的选项。底下模板多得眼晕,随手选了个“空的”模板——鬼知道那些带前缀的是啥玩意儿。
第二步:乱拳打死老师傅
建完项目傻眼了,整个界面就一个文件孤零零躺着。说好的网页?骂骂咧咧右键点项目,选“添加-新建项”,翻半天终于发现“HTML页”,赶紧像捡到宝似的点上。命名时键盘敲得噼里啪,生怕它跑喽。
第三步:标签全靠蒙
空白的打开后,对着光标干瞪眼。试着敲了个<h1>,后面自动蹦出来个闭标签!再敲<p>,又自动补全!这感觉就像超市推车突然自己拐弯——又吓人又省劲。随手糊了几个标题段落保存,按F5启动调试,浏览器“唰”弹出来个丑了唧的白底黑字,居然真能跑!
第四步:被CSS逼得薅头发
实在受不了光秃秃的页面,新建了个。在HTML里手写链CSS的标签时,刚敲完href=,底下“嗖”地弹出个文件列表提示!双击选上CSS文件,比老家村口买彩票还顺利。接着在CSS文件里乱写body{ background: pink; },切回浏览器一刷新——满屏死亡芭比粉!吓得我手抖把咖啡泼键盘上了。
折腾一整天总结出点门道:
- 秘诀1:模板选“空的”最省心 其他花里胡哨的模板自带一堆看不懂的文件夹,删错了直接报错红一片
- 秘诀2:标签全靠自动补 VS这老小子打代码时弹提示窗比弹广告还勤快,半蒙半闭着眼戳键盘就行
- 秘诀3:调试按钮当刷新用 F5按多了发现每次改完代码直接切浏览器刷新就行,不用关调试再重启
- 秘诀4:文件切换全靠Ctrl+Tab 开五个文件后标签栏挤得像早高峰地铁,键盘盲切比鼠标精准
被CSS配色丑到崩溃,关机前怒改背景色代码:background: #f0f8ff。百度完才知道这叫“爱丽丝蓝”,管他,反正比粉色顺眼。起身时发现天都黑了,合着捣鼓六小时就搞出个带标题的蓝屏页面。但你要问上手快不快?比拿刀叉吃火锅快点儿!





