前端学习一、准备工作
创始人
2024-02-23 02:38:13
0

一、电脑

首先想学习前端肯定是需要一台电脑,配置方面目前市面上3千左右的电脑就差不多了,如果有能力的话肯定是越高越好,如何挑选笔记本可自行搜索,我在这方面不专业就不讲了。

二、安装软件

谷歌浏览器

如果无法访问谷歌浏览器官网的话,可以来这里下载腾讯软件中心,可能版本不是最新的,不过也够用了。
在这里插入图片描述
安装完成后打开谷歌浏览器,我们可以看到以下界面。主要由三部分组成标签页、网址(URL)和内容。
在这里插入图片描述

VS Code

https://code.visualstudio.com/Download
在这里插入图片描述
在你使用的系统下点击下载,下载完成后点击安装。安装完成后打开VS Code,看到以下界面。
在这里插入图片描述
此时页面是英文的,在左侧活动栏中找到扩展按钮并点击(从上往下数第5个),搜索 chinese ,找到中文简体,点击Install。
在这里插入图片描述
安装完成后重新打开VS Code,页面就是中文的了。

三、编写第一个网页

  1. 在侧边栏中点击打开文件夹,新建一个文件夹,并进入文件夹,之后点击选择文件夹按钮(如果弹出 “是否信任此文件夹中的文件的作者?”, 点击是就可以了)。此时我们的侧边栏是这样的。
    在这里插入图片描述

  2. 点击文件文件按钮,并输入文件名称,任意文件名(要符合文件命名规范) + 后缀 .html。

  3. 在右侧内容编辑区域写入 hello world 。
    在这里插入图片描述

  4. 在左侧活动栏中找到扩展按钮并点击(从上往下数第5个),搜索 Live Server ,点击安装。
    在这里插入图片描述

  5. 安装完成后,回到我们刚才编写的文件中,在右下角状态栏点击Go Live。
    在这里插入图片描述

  6. 这样一个最简单的网页就做好了。
    在这里插入图片描述

相关内容

热门资讯

修复 爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
【PdgCntEditor】解... 一、问题背景 大部分的图书对应的PDF,目录中的页码并非PDF中直接索引的页码...
监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
【前端】‘??‘与‘||‘有什... 0 问题 经常写const data = res.data.a ?? ''或者const d...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
牛客计算器的改良(Python... 文章目录1.题目描述2.输入描述:3.输出描述:4.示例15.分析6.代码7.结语 链接࿱...
正大杯|市调大赛|2023备赛... 关键信息 同时随着精细化养宠趋势的深入,宠物消费类目日渐丰富。 本报告通过 Niuco...
QGIS下载在线地图(Goog... 前言 国内外有很多在线地图下载软件,但功能单一,基本上只能下载数据&#x...