vs2019怎么创建网站?老鸟手把手教你避开那些坑,附完整步骤

vs2019怎么创建网站?老鸟手把手教你避开那些坑,附完整步骤

最近好多朋友私信问我,vs2019怎么创建网站?其实这问题问得挺实在。很多人以为装个软件就能直接变出个网站来,那是不可能的。建站是个系统工程,vs2019只是你的工具箱,而且是个挺重的工具箱。我干了15年这行,见过太多新手因为第一步没走对,后面调试调得头发掉光。今天我不讲那些虚头巴脑的理论,就聊聊怎么用最笨但最稳的方法,在vs2019里把网站架子搭起来。

首先,你得确认你装的是完整版。很多小白去微软官网下,结果下了个Community版,虽然免费,但有时候组件选不全。特别是如果你要做Web开发,一定要在安装的时候勾选“ASP.NET和Web开发”这个工作负载。别嫌它大,几百个G是常态,但这是地基。地基不稳,楼盖不高。

打开vs2019,界面是不是有点乱?别慌,这是默认布局。左上角有个“创建新项目”,点它。这时候你会看到一堆模板,眼花缭乱。对于新手,我强烈建议选“ASP.NET Web应用程序(.NET Framework)”。注意,别选Core,除非你已经是老手了。Framework版本兼容性更好,教程也多,遇到问题容易搜到答案。

接下来是命名。别起什么test123这种名字,看着就low。起个有意义的,比如MyFirstSite。位置选个你找得到的文件夹,别放C盘桌面,到时候文件多了卡死你。点击确定后,又弹出一个窗口,让你选模板。这里有个大坑!很多人直接点确定,结果创建出来的是个空项目,啥也没有。你要选“Web应用程序”或者“Web API”,看你想做什么。如果是做传统网站,选Web应用程序。如果是做接口,选Web API。

点确定后,vs2019就开始忙活了。这时候你可以去喝杯咖啡,或者刷会儿手机。等它加载完,你会看到一堆文件和文件夹。Solution Explorer(解决方案资源管理器)在右边,那是你的战场。

双击打开Default.aspx或者Index.cshtml,取决于你选的模板。你会看到一堆代码。别怕,看不懂没关系。你只需要知道,这里就是写HTML、CSS和JS的地方。如果你想加个按钮,直接拖控件进去就行,这是vs2019的优势,可视化设计很强大。

但是,光有页面不行,你得能跑起来。按F5,或者点那个绿色的播放按钮。这时候浏览器会弹出来,显示你的网站。如果报错,别慌。看看下面的“错误列表”。通常是因为端口被占用,或者IIS Express没启动。解决办法很简单,右键项目->属性->Web,把服务器改成“IIS Express”,端口号改个别的,比如50001。

很多新手卡在部署这一步。本地跑通了,传到服务器就404。这是因为IIS配置不对。在vs2019里,右键项目->发布。选择“文件夹”,选个路径,点发布。然后去服务器上的IIS管理器,新建网站,指向这个文件夹。记得把应用程序池改成No Managed Code,不然会报错。

我有个客户,之前找了个外包,结果网站上线后加载慢得像蜗牛。我检查了一下,发现他没做压缩,图片全是原图。在vs2019里,你可以用NuGet包管理器安装一些优化库,比如WebGrease,一键压缩CSS和JS。这点很重要,用户体验差,搜索引擎也不喜欢。

还有,数据库连接字符串。很多人硬编码在代码里,这是大忌。要去Web.config里配置。这样换环境的时候,不用改代码,只改配置就行。这点在vs2019里做得很规范,你只要在配置节点里加一段连接字符串,然后在代码里用ConfigurationManager.ConnectionStrings[“DefaultConnection”].ConnectionString就能拿到。

最后,调试技巧。断点一定要会用。在代码行号左边点一下,出现红点,那就是断点。运行到那里会暂停,你可以看变量值,看堆栈。这是排查bug的神器。别光靠眼睛看代码,脑子会骗人,机器不会。

总之,vs2019怎么创建网站,核心就几步:选对模板,配好环境,学会调试。别指望一步登天,多动手,多报错,多解决。经验都是踩坑踩出来的。希望这篇能帮到你,少走弯路。如果有具体问题,欢迎留言,我看到会回。毕竟,大家都不容易,能帮一把是一把。

最新新闻

日新闻

周新闻

月新闻