# 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问题