当前位置:首页 > 技术文章 > 正文内容

1. 前端零基础入门,搭建开发环境

哈喽,大家好!

我是老陈,这节课一起来了解前端和安装开发环境。前端开发主要涉及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并进行【安装】,其作用是,实时刷新代码预览,大大提升开发测试效率。在弹出窗口时,选择【信任发布者和安装】。

好了,这节课就讲到这。看完记得点赞转发哦,你的支持对我超重要!有什么不清楚的地方,评论区可以讨论~


#前端##html##程序员##计算机##软件开发##热门##热搜##今日头条##编程#

相关文章

Vue父子组件参数传递方法(vue父子组件传参方式)

在 Vue 中,父子组件之间的参数传递是常见的需求,主要通过 Props 和 自定义事件 实现。以下是详细说明和代码示例:一、父组件向子组件传递参数(Props)父组件通过 属性 向子组件传递数据,子...

程序员开发必会之git常用命令,git配置、拉取、提交、分支管理

整理日常开发过程中经常使用的git命令!git配置SSH刚进入项目开发中,我们首先需要配置git的config、配置SSH方式拉取代码,以后就免输入账号密码了!# 按顺序执行 git config -...

2个将HTML5打包成app的方法(h5打包成android)

越来越多的开发者热衷于使用html5+JavaScript开发移动Web App。不过,HTML5 Web APP的出现能否在未来取代移动应用,就目前来说,还是个未知数。那么,有什么办法,既可以使用H...

为了成为Claude Code高手,我雇了个AI当教练

在AI编程的浪潮中,如何高效提升编程能力成为许多开发者关注的焦点。本文作者通过自身实践,分享了如何利用AI工具(如Claude Code和Cursor)进行编程协作,并通过“学习导航器”提示词实现高效...

数组、去重、排序、合并、过滤、删除

ES6数字去重 Array.from(new Set([1,2,3,3,4,4])) //[1,2,3,4] [...new Set([1,2,3,3,4,4])] //[1,2,3,4]2...

最快清除数组空值?分享 1 段优质 JS 代码片段!

本内容首发于工粽号:程序员大澈,每日分享一段优质代码片段,欢迎关注和投稿!大家好,我是大澈!本文约 600+ 字,整篇阅读约需 1 分钟。今天分享一段优质 JS 代码片段,用最简洁的代码清除了数组中的...