跟我一起用node-express搭建一个小项目[一]
我一直以为你要学nodejs你就要掌握很多东西啊!比如js最少得看10本书吧,nodejs书籍得看吧!其实呢,到最后,你会发现,因为工作,或者找工作的需要,什么不学,那些js不懂
也没有很大的关系。所以,你以为我会后悔看js的书?后悔看nodejs的书?我只是后悔我不够自信!导师来袭:工具永远只是工具!
我们一起开始学习吧!
第一步:请确保你安装了nodejs
第二步:直接输入$ npm install express -g
查看结果:-- express@4.15.4 +-- accepts@1.3.3 | +-- mime-types@2.1.16 | |
-- mime-db@1.29.0
| -- negotiator@0.6.1 +-- array-flatten@1.1.1 +-- content-disposition@0.5.2 +-- content-type@1.0.2 +-- cookie@0.3.1 +-- cookie-signature@1.0.6 +-- debug@2.6.8 |
-- ms@2.0.0
+-- depd@1.1.1
+-- encodeurl@1.0.1
+-- escape-html@1.0.3
+-- etag@1.8.0
+-- finalhandler@1.0.4
| -- unpipe@1.0.0 +-- fresh@0.5.0 +-- merge-descriptors@1.0.1 +-- methods@1.1.2 +-- on-finished@2.3.0 |
-- ee-first@1.1.1
+-- parseurl@1.3.1
+-- path-to-regexp@0.1.7
+-- proxy-addr@1.1.5
| +-- forwarded@0.1.0
| -- ipaddr.js@1.4.0 +-- qs@6.5.0 +-- range-parser@1.2.0 +-- send@0.15.4 | +-- destroy@1.0.4 | +-- http-errors@1.6.2 | |
-- inherits@2.0.3
| -- mime@1.3.4 +-- serve-static@1.12.4 +-- setprototypeof@1.0.3 +-- statuses@1.3.1 +-- type-is@1.6.15 |
-- media-typer@0.3.0
+-- utils-merge@1.0.0
`-- vary@1.1.1
要点:我是在window下安装的,且全局。
为了保证全局有效,我还会输入:
npm install -g express-generator
如果没有报错,你就可以开始创建你的app工程了
第三步:express -e yourapp
这个就是你创建的app工程了,叫做yourapp,还有报错了,只是warning不要大惊小怪。
查看yourapp里面有什么东西吧!
我们来看json文件
{
"name": "yourapp",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "~1.17.1",
"cookie-parser": "~1.4.3",
"debug": "~2.6.3",
"ejs": "~2.5.6",
"express": "~4.15.2",
"morgan": "~1.8.1",
"serve-favicon": "~2.4.2"
}
}
start对应npm start,就会寻找www文件,所以改端口就在这个文件里改,
npm install
就会安装json文件中下面的一些依赖。
第四步:npm install
第五步:npm start
好了。你可以在浏览器输入:
localhost:3000
你就会发现你已经可以看到了神奇的效果,
接下里,就是你自己耍项目的时候了。
结束了!
咩有html竟然想欢迎我还有我的代码,是不是开玩笑!
(由于用的ejs模板引擎,在views/index.ejs,在依赖包下ejs库会把ejs文件解析成html。)
宝宝不开心,宝宝要html!...............
跟我一起用node-express搭建一个小项目[一]的更多相关文章
- 跟我一起用node-express搭建一个小项目(mongodb)[二]
我的小项目主要是会用到MongoDB. 呵呵,我也是现学现卖. 都说小公司十八般武艺样样稀疏,没有办法啊! 兵来兵挡,将来将挡!自己是个兵呢?还是一个将呢! 没有公司培养,就自己培养自己呗.差的远一点 ...
- 跟我一起用node-express搭建一个小项目(node连接mongodb)[三]
数据库虽然安装并启动成功了,但我们需要连接数据库后才能使用数据库. 怎么才能在 Node.js 中使用 MongoDB 呢? 我们使用官方提供的 node-mongodb-native 驱动模块,打开 ...
- 基于 Express 搭建一个node项目 - 起步
一,如何基于 Express 搭建一个node项目 什么是Express 借用官方的介绍,Express是一个基于Node.js平台的极简.灵活的web应用开发框架,它提供了一系列强大的特性,帮助你创 ...
- node+express搭建个人网站(2)
node+express搭建个人网站(1)这一节中成功启动了一个网站但还很简陋,仅仅打印了一个helloworld的网页 作为个人网站,我们当然想输出自己设计好的网页, 我们借助 Express 应用 ...
- node + express 搭建服务器,修改为自动重启服务器
1.使用express搭建一个项目,步骤如下(安装node步骤已省略) a.全局安装express-generator和express npm i express-generator -g npm i ...
- vue-用Vue-cli从零开始搭建一个Vue项目
Vue是近两年来比较火的一个前端框架(渐进式框架吧). Vue两大核心思想:组件化和数据驱动.组件化就是将一个整体合理拆分为一个一个小块(组件),组件可重复使用:数据驱动是前端的未来发展方向,释放了对 ...
- 从零开始搭建一个react项目
Nav logo 120 发现 关注 消息 4 搜索 从零开始搭建一个react项目 96 瘦人假噜噜 2017.04.23 23:29* 字数 6330 阅读 32892评论 31喜欢 36 项目地 ...
- 完整搭建一个vue项目
目录 一. 搭建一个vue项目的完整步骤 二. 卸载vue-cli 三. 完全卸载webpack 一. 搭建一个vue项目的完整步骤 1.安装node.js 下载地址 # 检查是否安装成功 node ...
- 从零搭建一个SpringCloud项目之Feign搭建
从零搭建一个SpringCloud项目之Feign搭建 工程简述 目的:实现trade服务通过feign调用user服务的功能.因为trade服务会用到user里的一些类和接口,所以抽出了其他服务需要 ...
随机推荐
- 爬虫 之Requests库的详细使用
1.什么是Requests? Requests是用Python语言编写的,基于urllib3来改写的,采用Apache2 Licensed 来源协议的HTTP库. 它比urllib更加方便,可以节约我 ...
- Django的模板层
一 模版简介 你可能已经注意到我们在例子视图中返回文本的方式有点特别. 也就是说,HTML被直接硬编码在 Python代码之中. def current_datetime(request): now ...
- Django模板渲染
一 . 语法 # 关于模板渲染只需要记住两种语法就可以: 1.{{ }} # 里面写变量 2.{% %} # 里面写与逻辑相关的,比如for循环 二 . 变量名 在django的模板语言中按照语法: ...
- mysql常用运算符
一.算数运算符 + 加法 - 减法 * 乘法 / 除法 % 返回余数 二.比较运算符 = 等于 <>或!= 不等于 <=> 等于(这里是安全的等于 例如: select nul ...
- WPF通过DynamicResource实现给界面动态更换皮肤
在我们的程序中有时候需要去实现动态更换皮肤的效果,从而完成一些个性化的设置,那么我们究竟怎样去实现动态换皮肤的效果呢?那么我们经常用到的就是设置不同的Style,并且在主程序的xaml文件中通过Dyn ...
- python数据结构与算法第十六天【贪心算法与动态规划】
对于一个字符串,对字符串进行分割,分割后的每个子字符串都为回文串,求解所有可行的方案 这个问题可以使用贪心算法与动态规划来求解 步骤如下: (1)先得出所有的单个字符的回文串,单个字符必定是回文串, ...
- vue事件綁定
事件綁定可以是一個句子,一個函數名稱,也可以是一個函數. 事件修飾符,按鍵修飾符.
- Opencv画图操作
1. 画矩形 MyRect rect;rect.left = 5;rect.top = 5;rect.right = 100;rect.bottom = 100;IplImage * pColorIm ...
- mysql出现ERROR1698(28000):Access denied for user root@localhost错误解决方法
我的操作系统是ubuntu18.04,以下是我的mysql版本: 安装完成后,登录mysql的时候就出现了如下错误: 因为安装的过程中没让设置密码,可能密码为空,但无论如何都进不去mysql. 那么该 ...
- .net core 2.0 webuploader上传图片
引入文件 <link href="~/Scripts/webuploader-0.1.5/webuploader.css" rel="stylesheet" ...