/frontend-dev-vue

Experimental project to test out the latest concepts of Frontend Engineering

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

Frontend Dev Vue

This is designed as a starting Point for front-end development. However, in fact it is more like a experimental project to test out the latest concepts of Frontend Engineering, like Components, Modules, build Pipelines, Single-Page-Application, MVVM, and so on.

In this project I wanna gain more understanding about those state of the art technologies, with almost no realistic considerations at all. For example, I may use stage-0 features.

Build Steps

npm install

npm dev

Go to localhost:8080

Misc

Suggested ATOM Plugins

  • activate-power-mode (Joke)
  • atom-beautify
  • color-picker
  • duplicate-line-or-selection
  • editorconfig
  • elastic-tabstops
  • emmet
  • file-icons
  • git-plus
  • highlight-selected
  • imdone-atom
  • language-vue
  • linter
  • linter-eslint
  • linter-sass-lint
  • merge-conflicts
  • minimap
  • minimap-find-and-replace
  • monokai #Plus OneDark theme
  • pigments
  • standard-formatter
  • terminal-plus

Run following command to install them all, That's right~ Baby~

apm install atom-beautify color-picker duplicate-line-or-selection editorconfig elastic-tabstops emmet file-icons  git-plus highlight-selected imdone-atom language-vue linter linter-eslint linter-sass-lint merge-conflicts minimap minimap-find-and-replace monokai pigments standard-formatter terminal-plus

If you're a Windows User like me, try to find the installation folder of your atom, there should be a cli folder. Usually in \%USERPROFILE%\AppData\Local\atom\app-1.×.×\resources\cli. Then if you use babun/mintty, you can call sh apm.sh install. Have fun!