Bellevue
A full-featured frontend project template for modern single-page applications built on Vue.js and Webpack.
Install / Use
/learn @jerryjappinen/BellevueREADME
Bellevue
Bellevue is a full-featured frontend project template for modern single-page applications built on Vue.js and Webpack.
- Demo: bellevue.netlify.com
- Documentation: eiskis.gitbooks.io/bellevue
- Source and issues: github.com/Eiskis/bellevue
Bellevue is based on the official vuejs-templates/webpack template, but extends it with many additional tooling features such as preconfigured SCSS support, SVG pipeline, extensive linting and centralised configuration.
While the official template is only a Hello world, Bellevue's goal is to set you up with a well-documented, thought-out application structure with all the patterns you need for building a complex application such as SVG compilation, routing, state management, persistence and more (see feature comparison).
Requirements
- The Node version defined in .nvmrc
Protip: manage node versions easily with nvm.
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# serve with hot reload at custom port
PORT=1234 npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build:report
# run unit tests
npm run unit
# run unit tests and show coverage report
npm run unit:report
# run unit tests and with hot reload (`jest --watch`)
# NOTE: You have more options in the terminal after you run this command
# NOTE: You can change this to `--watchAll` in `package.json` in case of issues
# NOTE: See https://github.com/facebook/jest/issues/4883
npm run unit:watch
# run e2e tests
npm run e2e
# run all tests
npm test
Related Skills
node-connect
349.7kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
109.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
349.7kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
349.7kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
