养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

nodejs怎么使用bootstrap

时间:2024-10-28 02:34:58

一琐绔纠滴般情况下,Bootstrap是和jquery一起使用,如果在nodejs中使用,需要进行安装。那么,具体nodejs怎么使用bootstrap?

nodejs怎么使用bootstrap

工具/原料

node.js

ejs

JavaScript

jquery

bootstrap

HTML5

CSS3

HBuilderX

截图工具

WPS

浏览器

方法/步骤

1、下载和安装nodejs项楫默礤鲼目,进入到项目根目录,鼠标右键选择GitBashHere,输入cnpminstallbootstrap,安装bootstrap

nodejs怎么使用bootstrap

2、接着使用cnpm命令---cnpminstalljquery,安装jquery依赖包

nodejs怎么使用bootstrap

3、再次使用cnpm安装nodejs模板语言ejs,使用cnpminstallejs

nodejs怎么使用bootstrap

4、在项目中的pages文件夹下,新建html文件,输入文件名并点击创建

nodejs怎么使用bootstrap

5、打开已新建的页面文件,引入bootstrap相关的css和js文件,还要引入jquery文件

nodejs怎么使用bootstrap

6、在body标签元素中,插入div标签和几个按钮,使用bootstrap进行布局

nodejs怎么使用bootstrap

7、保存代码并运行页面文件,打开浏览器查看效果,可以看到一组按钮

nodejs怎么使用bootstrap

© 一点知识