引进第三方文件

  • 创建出项目文件夹

初始化出package.json文件 初始化命令 npm init 该命令需要一步步键入自己对项目的说明 也可以使用 npm init -y 可以跳过键入阶段 全部采用默认配置 直接生成json文件
安装第三方模块的命令 正常都是 npm install 要安装的模块名称 (–save) --save如果不加则安装的依赖不会再json文件中列出来 反之会列出来
–save的好处是如果删除了node_modules文件夹 直接使用 npm install 命令即可安装列表中的依赖

在所有的终端命令中 install 可以简写 =》 i --save命令可以简写 =》 -S

    // 例如安装mime
    npm install mime --save => npm i mime -S
    {
        "name": "lol", // 包的名称 不能使用中文
        "version": "1.0.0", // 包的版本号
        "description": "'project'", // 对项目的描述
        "main": "index.js", // 项目的入口文件 配置了入口文件后在模块中引入该包的时候回直接加载该js文件
        "scripts": {
            "test": "echo \"Error: no test specified\" && exit 1"
        },
        "author": "wang", // 包作者
        "license": "ISC", // 证书 会自动生成
        "dependencies": { // 依赖清单 npm install 会按照该清单安装所需要的依赖
            "mime": "^2.4.6"
        }
    }

引入ejs模板

  • 引入的命令 npm install ejs --save npm 是安装命令 也可以使用cnpm命令 install意思是安装 ejs是指的要安装的包的名称 --save是可选项( --save如果不加则安装的依赖不会再json文件中列出来 反之会列出来)
    使用ejs模板的方法
    var http = require('http');
    // 在要使用ejs模板的模块中引入ejs
    var ejs = require('ejs');
    // 在需要使用模板的地方使用ejs语法
    // 在模块中写入 renderFile是ejs渲染文件的方法 他渲染的文件可以是ejs文件也可以是html文件
    http.createServer(function(req, res) {
        ejs.renderFile('要渲染的文件的路径', {
            key:'要渲染的值', 
            status: true, 
            arr: [
                '你是个麻瓜', '你才是个麻瓜', '彼此彼此'
            ],
            user: {
                name: "劫",
                hit: "叉子"
            }
        }, function(err, data) {
            res.write(data)
            res.end()
        })
    })
    
<!-- ejs模板语法 -->
    <body>
        <!-- 渲染变量值得办法 -->
        <div><%=key%></div>
        <!-- ejs的判断语法 -->
        <%if(status) {%>
            <div>这实力status是true的时候要显示的内容</div>
        <%} else if(判断条件) {%>
            <div>这里是status是false并且判断条件是true的时候显示的内容</div>
        <%} else {%>
            <div>其他内容</div>
        <%}%>
        <!-- ejs列表渲染语法 -->
        <ul>
            <%for(var i = 0; i<arr.length; i++){%>
                <li><%=arr[i]%></li>
            <%}%>
        </ul>

        <!-- 渲染对象的值 -->
        <div><%=user.name%></div>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值