0-环境配置

简介

本节目标

配置电脑代码编辑器及运行环境

工具选取

• 编辑器: vscode
• 环境: node.js

编辑器(vscode)

下载

• 官网
  • 官网链接: VSCode官网
  • 官网下载链接: 下载
• 也可以使用我提供的安装包(根据个体下载速度决定)
  • 下载链接: Download (25.02.27) 文件过大 此方案已弃用 请至官网下载

安装

• 按提示安装即可
• 注意勾选 将"通过 Code 打开"操作添加到 Windows资源管理器上下文菜单 (如图)
  

配置

1. 扩展
   左侧侧边栏找到 扩展 并点击 或 快捷键 Ctrl + Shift + X
2. 中文
   搜索扩展 Chinese(simplified) 点击安装 (Install)
3. 网页(网站)临时部署
   • live server
     提供网页实时加载功能, html文件保存后会直接同步到打开的页面
     作者财富自由后已停止更新 以下是微软提供的版本 功能类似 自行选取即可
   • live preview
     在上述基础上 可设置无需保存就能同步到页面(默认) 保存后同步或不同步
     其他的功能笔者尚不了解
4. HTML+CSS+JavaScript(可选)
   个人使用 Prettier 来格式化代码(使代码格式更美观)

运行环境(Node.js)

代码运行环境一般分为浏览器环境和 node 环境

开发一般使用 node 环境

浏览器环境顾名思义是浏览器自带的 这里不做介绍

下载

• 官网
  • 官网链接: Node.js官网
  • 官网下载链接: 下载
• 也可以使用我提供的安装包(根据个体下载速度决定)
  • 下载链接: Download(25.02.27)

安装

• 同样运行后按提示安装即可

检查

• 检查环境是否安装成功
  1. Win + R 打开 “运行”
  2. 输入 cmd 回车确认打开”终端”
  3. 输入以下代码

     1

     node -v

  4. 输出版本号(如v18.14.1) 即为顺利安装完毕