This is backend-agnostic project structure as opposed to monolithic example.
What I'm gonna use:
Webpack for bundling & developing
Pug template engine
My vue-cli-plugin-coffee to support CoffeeScript2
vue-loader for loading .vue
components
My vue-cli-plugin-sugarss to support SugarSS linting
Stylus CSS Preprocessor
PostCSS for lint
ing and autoprefix
ing mostly
express for static serving
Heroku for delpoyment
$ npm run serve
public
Static files.
src/api
API module for count
ing, store
ing and get
ing Links
.
src/components
This one serves as the VueJS components'
storage. Usually src/components/
.sample contains .vue
files with:
script[lang=coffee]
;template[lang=pug]
;style[lang=stylus][scoped]
;src/utils/base62.coffee
base62
number encoder.
src/utils/variables.sss
Stylus/SugarSS
variables.
src/App.vue
Vue
instance.
src/main.js
Entry point.
🎉