nodejs express+bootstrap搭建网站

• nodejs安装

下载地址：http://nodejs.cn/download/

• 环境变量配置

添加环境变量：NODE_PATH=D:\tool\nodejs

在nodejs安装目录新增如下两个目录：node_cache  node_global

打开命令行执行如下命令：

npm set cache = "D:\\tool\\nodejs\\node_cache"

npm set prefix = "D:\\tool\\nodejs\\node_global"

修改PATH:

PATH=%NODE_PATH%;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;

•  全局安装express及生成器

npm install -g express

npm install -g express-generator

• 创建项目

express website -e

•  启动项目

npm start

•  访问项目

http://127.0.0.1:3000/

•  添加bower 管理引入的第三方资源包

npm install -g bower

bower init

默认输入 最后会生成bower.json文件

{
  "name": "website",
  "description": "",
  "main": "",
  "authors": [
    "xxxx"
  ],
  "license": "MIT",
  "homepage": "xxxx",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "bootstrap": "^4.2.1",
    "jquery": "^3.3.1"
  }
}
 

• 创建.bowerrc文件

{
    "directory":"public/lib"
}

• 执行bower install

下载包会自动放到public/lib目录下

bower install boostrap --save