一个简单的 web boilerplate

最近自己在写几个小的网站，然后技术栈也比较固定。

因此把最基本的一个架子做成比较流行的 Boilerplate （样板文件），方便自己以后继续开发类似网站，同时也可以给需要的同学一些帮助。

整个的技术栈都是选择的比较流行的：

• Web Framework: Express
• ES2015 => ES5: Babel
• 前端: Webpack/React/Sass

项目的结构也比较精简、经典：

├── README.md
├── package.json
├── index.js
├── app.js
├── config.js
├── controllers
│   └── views.js
├── routes
│   ├── api.js
│   ├── index.js
│   └── views.js
└── views
|   └── index.jade
└── public
    ├── app.js
    ├── components
    │   └── App.js
    ├── dist
    │   └── index.bundle.js
    ├── sass
    │   └── app.scss
    └── webpack.config.js

如何使用

熟悉 Node web 开发的同学应该比较容易入手。

• 首先需要 clone 本项目，可以修改成你自己的项目名称：

git clone [email protected]:FantasyNode/node-web-boilerplate.git [your project name]

• 在项目目录下执行npm install

• 在 public 目录下生成打包文件: cd public && webpack

• 回到项目目录执行 npm start 即可

题外话

第一次使用Standard来规范项目中的代码。

• 安装 Standard:

npm i standard -g

• 使用

在项目目录下执行standard命令即可。如果有不符合其规范的，就会提示。

然后就可以用上刁刁的 Badge了，哈哈：

js-standard-style

---

欢迎使用： https://github.com/FantasyNode/node-web-boilerplate