标签: 环境搭建

1.Nodejs 基础环境搭建

严格来说 nodejs 属于服务端的技术，并不属于 Web 前端 , 但是当下前端开发基本上无法离开 nodejs 了。

官网地址：
https://nodejs.org/

在 macOS 和 Windows 上安装 Node.js

注意

macOS 和 Windows 官方都有发布安专门的安装包，所以安装方式基本相同，但是得注意区分硬件架构。

墨七2024/11/12...大约 3 分钟

2.fnm 管理 Nodejs

当你本地存在多个项目，且依赖的 nodejs 版本不尽相同，就需要使用 nodejs 版本管理工具了，它允许同一台机器中多个 nodejs 版本共存且可以随时切换。

fnm 类似于 nvm，是一个 nodejs 版本管理工具，他比 nvm 更加迅速，应该是目前已知最好的 nodejs 版本管理工具。

fnm 的特点是:

跨平台，支持 macOS、Windows、Linux。
使用 Rust 编写，速度快。发布为单文件，便于安装。
支持按应用自动切换 Node.js 版本。

墨七2024/11/12...大约 2 分钟

3.Web 前端开发入门

想一想这一篇应该怎么去讲解。

在任意位置新建文件 demo.html :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello World</title>
    <style>
      .content {
        color: red;
        border: 3px solid black;
      }
    </style>
  </head>
  <body>
    <h1>Hello World</h1>
    <div class="content">Hello World , 这里是第一个 html 网页</div>
    <button onclick="SayHello()">点我say hello</button>
  </body>
</html>
<script>
  function SayHello() {
    alert('Hello World');
  }
</script>

墨七2024/11/12...大约 3 分钟

CommonJS 和 ES6 Modules

注意

该文档有待补充和完善

https://zhuanlan.zhihu.com/p/27644026

要学好 webpack,必须熟悉 JS 模块规范 \

CommonJS 规范:

function isNumber(n) {
  return typeof n === 'number';
}

module.exports = {
  sum: function (a, b) {
    if (isNumber(a) && isNumber(b)) {
      return a + b;
    } else {
      return NaN;
    }
  },
};

墨七2024/11/12...小于 1 分钟

1.安装

官网地址：
https://golang.google.cn/

国内 Wiki
https://learnku.com/go/wikis

Linux

可以无脑的依次执行以下命令:

注意！

一定要区分系统的架构类型，尤其是常见的 amd 和 arm 架构。
每次版本更新时只需要将版本号 go1.23.2 换成最新版本号即可。

墨七2024/11/12...大约 2 分钟