哈喽,大家好!
我是老陈,这节课一起来了解前端和安装开发环境。前端开发主要涉及PC端Web页面和手机端H5页面的编程实现,技术包括HTML、CSS和JavaScript。
前端技术可以用在爬虫页面解析、微信小程序、Web系统、App嵌入H5,甚至桌面系统等。因此它已成为程序员必须掌握的核心技能之一。
开发前端时,VSCode是最受欢迎的工具之一。它不仅免费开源,而且功能强大、使用便捷。接下来,我们就去下载并安装VSCode吧。
打开VSCode官网
https://code.visualstudio.com,如果你是Windows系统点击[Download for Windows]进行下载,如果是macOS系统,就点击【Download for macOS】进行下载。
双击下载好的安装包,进行安装。
选择【我同意此协议】,点击【下一步】。
选择安装目录,点击【下一步】。
直接点击【下一步】。
勾选【创建桌面快捷方式】,点击【下一步】。
点击【安装】按钮之后,就真正的开始安装了,稍等片刻就安装好了。
保持勾选【运行Visual Studio Code】,点击【完成】按钮,便会打开VSCode。
左侧5个按钮,从上到下,作用如下:
资源管理器:用于管理文件和文件夹。
搜索:用于在整个工作区中搜索文件或文本。
源代码管理:通常与Git集成,用于代码版本管理。
运行和调试:用于运行或调试代码。
扩展:用于安装和管理插件。
在【扩展】这里,输入Chinese,安装中文语系套件。选择第1个,点击【Install】进行插件安装。
点击右下角【Change Language and Restart】按钮,重启之后界面就是中文的了。
在【扩展】,输入Auto Rename Tag并进行【安装】,其中作用是:修改html标签,自动同步修改闭合标签。在弹出窗口时,选择【信任发布者和安装】。
在【扩展】,输入Live Server并进行【安装】,其作用是,实时刷新代码预览,大大提升开发测试效率。在弹出窗口时,选择【信任发布者和安装】。
好了,这节课就讲到这。看完记得点赞转发哦,你的支持对我超重要!有什么不清楚的地方,评论区可以讨论~