Node.js 应用开发

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。

JavaScript 程序开发

  1. 新建一个 Node.js 预置环境工作空间

在线 IDE——新建 Node.js 预置环境工作空间

  1. 新建文件,编写 JavaScript 代码

在线 IDE——编写 JavaScript 代码

  1. 运行和调试代码

在线 IDE——JavaScript 代码运行

在线 IDE——JavaScript 代码调试

前端框架应用开发

以一个 Vue 的 demo 为例

  1. 新建一个 Vue.js 预置环境工作空间, 该模板已默认安装Vue脚手架

  2. 在终端,通过Vue CLI初始化项目 vue create my-project

在线 IDE——Vue CLI初始化项目

  1. 使用 yarn run serve 启动项目

在线 IDE——启动 Vue 项目

  1. 点击右下角弹窗打开内置预览/打开浏览器,或者在端口的就可以实时预览前端啦

在线 IDE——预览 Vue 项目

解决 Vue 项目中的 “Invalid Host header”

在根目录下创建文件vue.config.js,然后填入如下内容,重新启动项目即可

module.exports = {
    devServer: {
        disableHostCheck: true,
    }
}

在线 IDE——解决Invalid Host header问题