针对初次尝试express

安装一个ide:atom   http://atom.io


mac atom-preferences-install  atom-live-server  platform-ode-terminal


ctrl ~

ctrl alt3

ctrl alt q


安装node.js  https://nodejs.org/en/


cd  目录,执行npm init -y  生成package.json会在当前目录下生成。

npm install … 安装第三方库

npm install … -save-dev  安装开发环境的第三方库,仅在开发的时候用到。


scripts有两种命令内置的和其他的。

内置的直接运行,允许的

npm start 

npm test



其他的自定义的要用npm run …

npm run server



npm install http-server -g

安装到全局

http-server .会把当前的文件当服务器




npm package.json中可以配置脚本

scripts 定义脚本


发布自己的项目

npmjs.com注册用户

npm adducer 登录

cd 进入项目根目录

npm publish发布


 报权限错的时候

npm config set registry http://registry.npmjs.org 


第一个web开发实战


生成express项目

1npm install express-generator -g 安装项目生成器 加上g是安装在全局,但是不是express本身

mac  前面加上sudo  输入管理员密码


2express -e .  引擎,当前目录()或者跟上一个文件夹 支持ejs引警,加上点,表示在当前目录下生成。

app.js是启动文件

package.json里通过npm start但是依赖没有安装。


3npm install没有node_modules所有的依赖都要装在这里,依赖属性会自动安装一次。

之前安装的是一个项目生成器,不是 express本身,需要安装。会把package.json里依赖的包,会自动安装一遍。

安装完会自动出来一个node_modules


4\npm start

没有什么反应,就可能 打开浏览器,默认3000端口。

get /200 —200表示请求成功


5修改port端口号3000

bin下面的www可设置port

PORT=8081 npm start  

PORT需要大写有效


www中写了端口号,可以修改。


6localhost:8081/test.html

可以打开静态页面

public作为根路径。

如果下面存在index.html或替代默认的express页面。


7\路由index.js

request, response, next

req,res,next


index  对应到index.ejs

将数据前入到html

 来自于路由的处理函数。

<%=filename%>

函数内部的render,指向index.ejs。模板文件会通过%%这种形式插入到html中的任何位置。

最终返回给客户端。




express first -app

cd first -app

npm install


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值