How to Build a Web Application with Pyramid, Vue.js, and Webpack

Pyramid Webframework with Vuejs & Webpack (HMR thanks to Thijs Damsma)

Features

1. Pyramid Webframework
2. Vue2
3. Node.js
4. Webpack3
5. Babel
6. Yarn [packet manager]

Getting Started

First clone

git clone https://github.com/eddyekofo94/pyramidVue.git

First create a virtual environment, otherwise by default python instance available will be used (I recomend the former).

make venv
# or if you have virtualenv installed
virtualenv -p python3 ./env

Make sure you activate your virtual environment!!

source env/bin/activate

Development environment setup

These steps will install all required dependencies, then run the server.

# download all the required requirements for development
make dev
# test your project
make test
# run your project
# Go to: localhost:6543 (webpack-dev-server runs on localhost:8080)
make run

Errors encountered

# Don't have the webpack-dev-server installed
/bin/sh: webpack-dev-server: command not found

# Fix:
yarn global add webpack-dev-server

### Deployment
```bash
# make sure the webpack-dev-server setting in production.ini is not set to true
make build

External links

http://docs.pylonsproject.org/projects/pyramid/en/latest/index.html

https://vuejs.org

https://webpack.js.org

Download details:

Author:  eddyekofo94
Source: https://github.com/eddyekofo94/pyramidVue

License: MIT license

#vue #vuejs #javascript #python