安装一个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项目
1、npm install express-generator -g 安装项目生成器 加上g是安装在全局,但是不是express本身
mac 前面加上sudo 输入管理员密码
2、express -e . 引擎,当前目录()或者跟上一个文件夹 支持ejs引警,加上点,表示在当前目录下生成。
app.js是启动文件
package.json里通过npm start但是依赖没有安装。
3、npm 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中写了端口号,可以修改。
6、localhost: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