前端开发①（VS code编辑器和node.js）

最初所有的开发工作都是由后端工程师完成的，随着业务越来越繁杂，工作量变大，于是我们将项目中的可视化部分和一部分交互功能的开发工作剥离出来，形成了前端开发。

大约从2005年开始正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动时代，前端开发的工作越来越重要。

Visual Studio Code

1、下载和安装

https://code.visualstudio.com/Download

安装包

2、配置中文插件

• 首先安装中文插件：Chinese (Simplified) Language Pack for Visual Studio Code
• 右下角弹出是否重启vs，点击“yes”
• 有些机器重启后如果界面还是英文，则 点击 左边栏Manage -> Command Paletet…【Ctrl+Shift+p】
• 在搜索框中输入“configure display language”，回车 选择 zh-cn
  

3、其他插件安装

为方便后续开发，建议安装如下插件

4、设置字体大小

左边栏 管理-> 设置-> 搜索 “font” -> Font size

5、其他设置

vscode配置信息

{
     
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "workbench.colorTheme": "Default Light+",
}

Node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

• Node.js没有浏览器API，即document，window的等。
• 增加了许多Node.js 专属API，例如文件系统，进程，http功能。

下载和安装

官网：https://nodejs.org/en/

中文网：http://nodejs.cn/

LTS：长期支持版本（推荐下载）

Current：最新版

查看安装是否成功

查看版本，如果输出版本号则安装成功

安装完成后，在Windows环境下，请打开命令提示符，然后输入node -v

运行一个程序

文件的读取

// 引入Node.js文件系统模块：
// fs是Node.js自带的模块，使用Node.js中的关键字require将模块引入，使用const定义模块常量
const fs = require('fs')

//调用readFile方法读取磁盘文件：异步操作
fs.readFile('./他.txt', function (err, data) {
     
  //当文件读取失败时，可以获取到err的值，输出错误信息
  if (err) throw err
  //当文件读取成功时，可以获取到data的值，输出响应的内容
  console.log(data.toString())
})
console.log('读取文件')

服务器端程序

//引入Node.js的http模块：
const http = require('http')
//调用createServer创建服务器
http.createServer(function (request, response) {
     
    // 发送 HTTP 头部
    // HTTP 状态值: 200 : OK
    // 内容类型: text/plain
    response.writeHead(200, {
      'Content-Type': 'text/html' })
    // 发送响应数据 "Hello World"
    response.end('
Hello Node.js Server
')
  }).listen(8888) //调用listen方法在8888端口监听客户端请求

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/')