大前端
01、概述和前端工具vscode安装
1.1、下载安装VScode
下载地址：https://code.visualstudio.com/
1：双击打开vscode安装包
2: 指定安装目录
不创建桌面图标，（个人喜好）
直接点击【下一步】
点击【安装】
安装完毕
点击完成
1.1.1、中文界面配置
1、首先安装中文插件：Chinese (Simplified) Language Pack for Visual Studio Code
2、右下角弹出是否重启vs，点击“yes”
汉化成功
3、有些机器重启后如果界面没有变化，则 点击 左边栏Manage -> Command Paletet…【Ctrl+Shift+p】
4、在搜索框中输入“configure display language”，回车
5、选择’zh-cn’
6、重启vs
1.1.2、插件安装
为方便后续开发，建议安装如下插件
1.1.3、设置字体大小
左边栏Manage -> settings -> 搜索 “font” -> Font size
1.1.4、开启完整的Emmet语法支持
设置中搜索 Emmet：启用如下选项，必要时重启vs
1.1.5、视图
查看—> 外观—> 向左移动侧边栏
02、Nodejs
2.1、Nodejs介绍与安装
官网： http://nodejs.cn/ 介绍：
下载对应你系统的Node.js版本: 下载地址：https://nodejs.org/zh-cn/download 帮助文档：https://nodejs.org/zh-cn/docs 关于Nodejs：https://nodejs.org/zh-cn/about
安装默认安装即可，安装完成之后，查看是否安装成功：
node -v
小结
Nodejs是一门计算机语言，运行在系统中的v8（jvm）引擎中。文件后缀是
js运行的命令是：node
2.2、Nodejs入门
目标： 控制台输出字符串、使用函数、进行模块化编程
2.2.1、快速入门-Hello World
1、创建文件夹 ES6 2、创建 helloworld.js
类似于java中的
System.out.println("")
console.log('Hello World!!!')
运行：node src\helloworld.js
结果：hello world!!!
3、打开命令行终端：Ctrl + Shift + y
浏览器的内核包括两部分核心：
-
DOM渲染引擎；
-
java script 解析器（js引擎）
-
js运行在浏览器内核中的js引擎内部
小结
Node.js是脱离浏览器环境运行的JavaScript程序，基于V8 引擎
2.2.2、Node - 实现请求响应
1、创建 httpserver.js ；
// 导入模块require 就类似于java的导包
const http = require('http');
// 1. 创建一个httpserver服务
http.createServer(function (request, response) {
// 浏览器怎么认识hello server!!! 告诉浏览器以text/html解析hello server
response.writeHead(200, {'Content-type': 'text/html'});
// 给浏览器输出内容
response.end('<strong>Hello Server</strong>');
}).listen(8888);// 2. 监听一个端口8888
console.log("您启动的服务是 htpp://localhost:8888 已启动成功！");
// 3. 启动运行服务 node
// 4. 在浏览器访问 http://localhost:8888
2、运行服务器程序；
node src/httpserver.js
3、服务器启动成功后，在浏览器中输入：http://localhost:8888/ 查看webserver成功运行，并输出html页面
4、停止服务：ctrl + c
2.2.3、Node-操作MYSQL数据库
参考：https://www.npmjs.com/package/mysql
1：安装mysql依赖
npm install mysql
2：定义db.js进行操作
// 1. 导入mysql依赖包 属于第三方模块
var mysql = require('mysql');
// 2. 创建一个mysql连接Connection对象
// 3. 配置数据库连接信息
var connection = mysql.createConnection({
host: 'localhost', //本机IP
port: 3306, //端口
user: 'root',
password: '123456',
database: 'shop'
});
// 4. 开辟连接
connection.connect();
// 5. 执行curd 增删改查 results：数据结果集
connection.query('SELECT * FROM account', function (error, results, fields) {
// 如果错误 抛出来
if (error) throw error;
// 查询成功
console.log('The solution is: ', results);
});
// 6. 关闭连接
connection.end();
// 7. 运行mysql.js查看效果
3、运行db.js
node src/db.js
