一個簡單的 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 git@github.com:FantasyNode/node-web-boilerplate.git [your project name]
  • 在項目目錄下執行npm install

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

  • 回到項目目錄執行 npm start 即可

題外話

第一次使用Standard來規范項目中的代碼。

  • 安裝 Standard:
npm i standard -g
  • 使用

在項目目錄下執行standard命令即可。如果有不符合其規范的,就會提示。

然后就可以用上刁刁的 Badge了,哈哈:


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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容