Day05·Node
-
node开发环境安装:
1) 安装node工具包;(命令:node –v ;npm –v 查看版本)
2) 在dos环境下使用npm代码开源站安装webpack工具; (命令为:npm install webpack@3.0.0 –g )(webpack –v 查看版本) -
模块化开发:(将属于一个整体功能的js文件拆分成n个小功能的js文件)
1) 所有的js文件都放在js文件夹下;
2) 在小功能obj.js文件中写完代码后,最后用export语句导出对象;
3) 在要使用的index.js文件中使用import obj from “./obj.js” 语句导入对象,然后使用此对象;
4) index.js文件需要使用webpack工具打包成浏览器可读的js文件,方法如下?:
在项目根目录下创建一个pack文件夹和一个文件名为webpack.config.js的配置文件;
webpack.config.js文件里手写配置:(node语法)
const path=require(“path”);//引入node中的路径模块
module.exports={
entry:”./js/index.js”,//入口文件,即打包index文件
output:{
path:path.resolve(_dirname,”pack”),//绝对路径选择放到pack文件夹下
filename:”pack.js”;//打包成pack文件
}
}
5) 在项目根目录下打开命令行输入webpack,让其自动打包;
6) 在html里src引入pack.js文件。 -
Node:(一个能使js文件在命令行中运行的运行环境)
1) 如何将js文件在node中运行?
在js文件所在目录下打开命令行>输入node js文件名>回车即可;
2) 如何启动一个服务?
① 创建一个js文件,输入以下代码:
const http = require(“http”);//node语法 引入http模块
let server = http.creatServer((req,res) =>{
//req参数:前端请求时所带的参数;res参数:后端返回给前端的内容
res.write(“Hello World”);//服务器返回给前端的内容
res.end();//将返回的内容发送出去
})
server.listen(8000);//自定义一个端口,即前端请求服务器时所使用的端口
② 在js文件所在目录下打开命令行输入:node js文件名;
③ 在浏览器端访问localhost:8000 即得到后端返回的内容Hello World。
3)