前端学习一、准备工作
创始人
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. 这样一个最简单的网页就做好了。
    在这里插入图片描述

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
有效的括号 一、题目 给定一个只包括 '(',')','{','}'...
【Ctfer训练计划】——(三... 作者名:Demo不是emo  主页面链接:主页传送门 创作初心ÿ...