jade

一、写在前面 人人都想成为全栈码农，作为一个web前端开发人员，通往全栈的简洁之路，貌似就是node.js了。前段时间学习了node.js，来谈谈新手如何快速的搭建自己的web服务，开启全栈之路。 二、安装node.js 接触过后端开发的人都知道，首先要安装服务。作为新手，肯定是选择最简单的可视化安装了（傻瓜式下一步，其它的方式等熟悉相关操作后自然就会了的），通过官网 http://nodejs.org/dist/v0.6.1/node-v0.6.1.msi 下载电脑适配的安装包（这个是windows的，买不起mac啊），然后根据引导安装就可以了，默认安装在C:\Program Files\nodejs文件下，并将该目录添加进PATH环境变量。具体做法，右击”我的电脑“-”属性“-“系统高级”-”高级“-”环境变量“-选择“变量名：PATH”；“改变量值：在最后面添加【C:\Program Files\nodejs】（根据自己的安装目录而定）”。打开cmd直接运行命令： node -v 可以输出当前版本号。node文件里已经集成了npm，之后使用npm install XXX 来安装需要的插件或者模块。 三、使用express框架 忙活了一阵，终于可用npm命令进行初始化、安装express框架，然后写个hello world 爽一下了。为什么要选择express框架了

【推荐阅读】微服务还能火多久？>>> js 、 node.js 使用 vsc 中的 Dark+ 配色方案 一、 Visual Studio Code 搭建 NodeJs 的开发环境 1. 下载安装 NodeJs 步骤8：安装相关环境 我们要先配置npm的全局模块的存放路径以及cache的路径，例如希望将以上两个文件夹放在NodeJs的主目录下，我这里的主目录是D:\node\，所以就在D:\node\下建立node_global和node_cache两个文件夹，如图： 在cmd中输入： npm config set prefix"D:\node\node_global"回车 再输入 npm config set cache"D:\node\node_cache" 现在就可以安装模块了（以下按需安装，我这里只安装了express如下图）： （安装模块语法：npm install <Module Name>） npm install express -g npm install jade -g// npm install pug-g,好像是jade改成了pug具体没有考证。 安装MySql包 npm install mysql -g 2. 下载安装 VS Code 编辑器 常用插件： HTML Snippets HTML CSS Support Debugger for Chrome

1、模板引擎 用于渲染页面 介绍jade或ejs jade:侵入式，与原生html/css不共存,使用缩进代表层级 模板后缀.jade ejs:则非侵入式的 2、jade 1）简单使用： //代码 const jade = require('jade') let str=jade.renderFile('./template/a.jade') console.log(str)//模板 //模板部分 html head style script body div ul li li li div 2）语法：根据缩进，确定层级 在jade模板内书写属性，例如为script标签新增src属性 script(src="a.js") div(style="width:200px;height:150px") 上述内容也可以使用json表示，但只有style标签允许 同理，class可以使用数组进行表示 div(class=['a','b']) div(style={"width:200px;height:150px"}) 若有多个属性需要设置，则使用逗号分隔： link(href="a.css",rel="stylesheet") 将文件写入到新文件中： const jade = require('jade') const fs=require('fs') let str=jade

3 月，跳不动了？>>> 本文参考原文- http://bjbsair.com/2020-03-22/tech-info/2815/ 前面介绍了node.js的文件模块，http server以及静态网站的创建。有了这些知识作为基础，我们可以了解一下node.js的Web框架了。 从Java一路过来的朋友可能觉得Web框架还是比较重量级的，比如最初的Struts到后来的Spring，中间Apache组织也有过一些其他的模板框架，总体而言无论是从使用还是学习来讲，都是需要花费较多时间的。对于大型应用而言，这个投入是值得的。如果需要在较短的时间开发小型web应用，就值得商榷了。 好在有了node.js的出现，出现了像Express这样的轻量级，灵活的web框架，中小型web应用的开发速度就有了飞速的提升。 express.js node.js Web框架 Java的世界里，Spring的使用目前处于绝对优势。但是其他语言就不一样了，无论node.js还是python，都有多个web应用框架。尤其是node.js，web框架较多，业界甚至评出了10大node.js web框架。不过不要惊慌，万变不离其宗，很多node.js web框架都是在Express的基础上开发的。这也是为什么在我的node.js系列里一定会出现node.js

jade是一款基于haml的html模板引擎，已改为pug 1.全局安装 npm install jade -g 新建一个jade文件夹，再建一个后缀名为.jade的文件 编辑.jade文件 jade -P -w index.jade 在文件夹jade下监听文件变化，即生成html index.jade文件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 doctype htmlhtml head meta(charset='utf-8') title 我的网站 body div |hehe a: img(src='#') div(style={width:"100px",height:"100px"}) 测试 div div(class='test') 我是类名位test的div .test 我是类名位test的div #myid 我是id名为myid的div .myclass#myids 我是有id也有class的div -var name='张三' div 名字是#{name} // 我是注释 // 我是注释一 我是注释二 //- 我是jade注释 /

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 前些日子，在某论坛看到一帖，问「一线城市中小公司的前端10k应该会什么？」，下面有很多回答，大多数回答的是一些会前端三大基础啊，html,css,JavaScript这些，然后一两个框架。实在是太笼统了，这回做一个总结，写下来，也让更多对编程，对前端感兴趣，并想以此为饭碗的朋友们多了解一下！ 以下是匿名用户的回答： 毕业一年，工资9.5k，加上补贴奖励， 税后10.5k左右 。 1. html、css、js基础自我感觉良好。语义化、写点css3动画、写写原生js等。 2. 在学校期间就学了前端用jq、bootstrap做过一些项目，学了vue基础，能简单搭个vue项目。 3. webpack只能说会用，一般直接配置有些api记得不清楚，需找文档，主要是不用常配，基本项目开头配置一次，中期优化配置。 4. vue前后做了2个商业项目（公司主要用的vue+elementUI）。 5. react未做过项目，自己找些网站模仿着写点东西（没机会用react做项目）。 6. 代码基本用上ES6，还有async/await等一些语法。 7. 略懂一些常见简单的优化，js优化、懒加载等等。 8. node的话看过视频跟着做了一个小项目，那时候还学了点mongodb、jade等（不过好久没用，忘记7788了）

我记性不好，主要是整理出来写给自己留着的~~o(>_<)o ~~ 去 http://www.sublimetext.com/ 下载下来然后安装 安装好了之后打开按ctrl + ` ，然后界面下方出现一个小框框了，之后把import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())这一堆复制到小框框里头，然后就是这样的啦： 然后关闭sublime，再打开，Ctrl+Shift+P调出命令面板，输入install 调出 Install Package 选项： 然后回车，出现了这个： 然后你就可以输入emmet（就是以前的zencoding ），然后回车，安装好之后这个插件就OK啦，你也可以用相同的步骤安装less或者jade或者你想要的插件~~ over~~ 来源： oschina 链接： https://my.oschina.net/u

参考： https://zhidao.baidu.com/question/922617005247826619.html 绝对路径的方法我试了很久没成功，相对路径成功了。 绝对路径引用：右键工程-->properties-->Java Build Path-->Libraries-->Add external JARs... ，在弹出的对话框中选择要引入的jar包，OK即可。 相对路径引用：首先在工程目录下，新建一个libs文件夹，将要导入的jar包放入其中，然后右键工程-->properties-->Java Build Path-->Libraries-->Add JARs... ，在弹出的对话框中选择libs文件夹下的jar包即可。 成功跑出实例 下面把详细步骤的图贴一下： 第一步：新建项目，file -> new -> project ->java project ；项目名称自己取，这里假设为（123） 第二步：在工程下新建一个文件夹，命名为 lib 。 然后把jade.jar文件复制粘贴到 lib 文件夹下，然后选中jade.jar，鼠标右键 Build Path -> Add to Build Path 第三步：选中项目，右键，Build path -> configure Build path jade.jar包就导入了。接下来根据下面的步骤就可以运行了 https

环境搭建 1 $ npm install express jade mongooes 首先需要是 node 环境，使用 npm 安装 express jade 和 mongoose ， 然后使用 bower 安装 bootstrap。 安装 bower 通过 npm install bower -g ， bower 是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。 1 $ bower install bootstrap 搭建完成后目录结构 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ├── app.js # 启动文件 ├── bower_components # bower 安装的库 │ ├── bootstrap │ └── jquery ├── node_modules # npm 安装的依赖库 │ ├── express │ ├── jade │ ├── moment │ └── mongoose ├── package.json └── views # 视图模板 ├── includes │ ├── head.jade │ └── header.jade ├── layout.jade └── pages ├── admin.jade ├── detail

下面为我平时学习所看的高质量文章的汇总，以便后面的查阅及总结 API 文档 | Node.js 中文网 npm Node.js安装及环境配置之Windows篇 Node环境变量 process.env 的那些事儿 Jade中文文档 Jade模板 node.js后台jquery前台-- 实现用户登录注册AJAX交互 node+ajax+mysql实现登录注册 NPM install -save 和 -save-dev 傻傻分不清 来源： https://www.cnblogs.com/XmanLin/p/12006223.html