在使用nodejs+Bootstrap时自己写的样式应用不了的解决小心得

前提

最近在写毕设，之前已经用Bootstrap3把界面写好了，后面临时学的nodejs，并且打算用koa2框架来做。但当我把东西都准备好后，把界面放进koa创建的项目后界面却没有应有的样式。

解决办法

用koa2创建一个项目

首先确保安装了koa-generator，全局安装，命令行输入

npm install -g koa-generator

然后输入

koa2 ces

创建了一个名为ces的项目
进入ces：cd ces
输入npm install安装依赖
此时输入npm start默认端口3000，打开localhost:3000即可

准备

项目中有个public文件夹，里面有三个子文件夹：images、javascript、stylesheets
将bootstrap.min.js和jquery.min.js放进javascript文件夹下；将bootstrap.min.css放进stylesheets下。

解决

在app.js中添加
app.use(static(path.join(__dirname,'bower_components'))); //加上这个就可以引入自己的样式
如果是express：
app.use(express.static(path.join(__dirname,'bower_components'))); //加上这个就可以引入自己的样式
在app.js中添加app.use(require('koa-static')(__dirname + '/static'));就可以在static中添加自己写的样式表和js文件。

写下这篇既是为了给自己留个记录，又是希望帮到跟我有同样困扰的人。