• 前端学习一、准备工作


    一、电脑

    首先想学习前端肯定是需要一台电脑,配置方面目前市面上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. 这样一个最简单的网页就做好了。
      在这里插入图片描述

  • 相关阅读:
    React 函数组件和类组件的区别
    基于51单片机数字频率计的设计
    golang 库之「依赖注入」
    SQL中的索引
    JAVA购物车实现 CarItemServiceImpl
    Mapstruct @Mapper @Mapping 使用介绍以及总结
    2023年度总结
    Vue3快速入门
    数据仓库架构详解
    FFmpeg进阶:给视频添加文字水印
  • 原文地址:https://blog.csdn.net/qq_18676843/article/details/126885388