IDE - Sublime text 3: 安装 nodejs 解释器

1. 概述

   1. 安装 js 运行环境

2. 背景

   1. 找到了一本讲 js 的陈年老书
   2. 为了配合学习, 安装了 sublime text 3
      1. 并且安装了几个插件
   3. 但是在 写js 代码时, 遇到了一些问题
      1. 之前 java, python 的 ide, 都是自带解释器, 或者配置很简单
      2. sublime text 3 的 js 解释器, 上哪里配置
      3. 我要用什么样的 js 解释器

3. 环境

   1. os
      1. win10
   2. sublime text 3
      1. 3211
   3. node.js
      1. 14.9.0

1. 解释器选择

1. 概述

   1. 解释器选择

2. 解释器

   1. 作用

      1. js 是脚本语言
      2. 运行时通常是由解释器从上到下执行

   2. 常见解释器

      1. chrome
         1. 著名浏览器端解释器
      2. firefox
         1. 也是著名的浏览器端解释器
      3. node.js
         1. 服务器端解释器

3. sublime text 3

   1. 安装解释器

      1. 可以通过 插件方式

   2. 可选解释器

      1. 看起来很多
      2. 但是搜索的结果, 大多是 node.js

4. 问题

   1. 问题1: 为啥没有用 chrome 解释器的呢

      1. 问题

         1. chrome 或者 firefox 应该是 js 应用的主流
         2. 如果只是写了然后用 浏览器 来看, 调试的时候, 会不会比较麻烦

      2. 结果

         1. 找了一会儿, 也没找到合适的

   2. 问题2: node.js 的解释器

      1. 问题

         1. 为什么大家都用 node.js 的解释器
         2. 和 chrome 有什么区别

      2. 结果

         1. 大家都用, 我也用吧

         2. 打开 node.js 官网, 一行大字让我瞬间放心

            Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时
            

         3. 行吧, 开始准备环境

2. 步骤

1. 概述
   1. 配置步骤

1. 安装 nodejs

1. 概述

   1. 安装 node.js

2. 步骤

   1. 下载安装包
   2. 安装

2. 安装插件 Nodejs

1. 概述

   1. sublime text 3 安装插件

2. 步骤

   1. 打开 package control
   2. 选择 install package
   3. 搜索 Nodejs
   4. 找到后选择安装

3. 确认 cmd 编码

1. 概述

   1. 确认 cmd 编码

2. 为什么要确认 cmd 编码

   1. sublime text 3 在使用 node.js 插件时, 会使用 cmd
   2. 如果 cmd 的编码 和 node.js 插件编码不一致, 会出现乱码

3. 确认 cmd 编码

   1. 打开 cmd
   2. 在 标题栏 右键, 弹出菜单
   3. 单击 属性
   4. 在 选项 标签下, 可以看见 当前编码

4. 调整 cmd 编码

   1. ref

      1. 编码 - 设置 win10 下 cmd 编码格式

   2. 目的

      1. 与 后面要调整 的 node.js 插件编码一致, 即可

5. 注意

   1. 调整这个编码, 可能会有一些副作用
   2. 我目前没有也没有太好的处理办法
   3. 我将 cmd 和 node.js 都设置为了 utf-8, 其他地方冲突了再说

4. 调整 Nodejs 编码

1. 概述

   1. 调整 Nodejs 插件编码

2. 步骤

   1. 找到 Nodejs 插件的安装目录
   2. 打开文本 Nodejs.sublime-build
   3. 修改 encoding 项
      1. 改为 "utf-8"

5. 重启

1. 重启
   1. 重启 sublime text 3
   2. 网上没说要重启, 但是我不重启就没有生效

6. 简单使用

1. 概述

   1. 简单使用

2. 脚本

   alert("hello, sublime text 3 and node.js")
   

3. 步骤

   1. 创建 js 文件
   2. 写入内容
   3. 右键, 弹出菜单
   4. 选择 Nodejs > Run > Run

4. 结果

   1. 报错

      ReferenceError: alert is not defined
      

   2. 原因

      1. alert 不是 js 的一部分
      2. alert 操作的是浏览器
      3. nodejs 里是没有浏览器可以操作的

5. 脚本改进

   console.log("hello, sublime text 3 and node.js")
   

6. 执行结果

   1. 没有异常
   2. 成功打印了 log 里的内容

7. 后续

1. 学 js
2. 找找有没有其他厉害的插件
3. 这些 插件, 配置, 要是能 导入导出 的话, 绝对会很方便

ps

1. ref

   1. Sublime Text3配置及控制台乱码 - cmd杀死进程乱码/编译文件乱码 - 解决方法 - 。思索 - 博客园

      1. 大体流程相似
      2. 处理思路, 有点小不一样
      3. 如果我的路走不通, 可以看看他是怎么做的

   2. ReferenceError: “alert” is not defined

      1. 为什么 alert 不会报错