Install Vue-cli into python3 virtualenv

 



Find Pyhton3 location


Command:
which python3

From the terminal figure out where the version of python3 is located because who wants to use python2 anymore? This will output the directory where python3 is located for the user.



Make the virtual environment


Command:
virtualenv -p /home/example_username/opt/python-3.6.2/bin/python3 vue-env

Take the directory output from the first command and replace it after -p. The vue-env will be the new folder where your virtualenv will live. Use pip3 or pip to install virtualenv if you do not have it already.



Activate Virtualenv


Command:
source vue-env/bin/activate

This will put you inside of your virtualenv.



Install Node Env


Command:
pip install nodeenv

This will install node.js into your virtual environment.



Install vue cli init into NPM


Command:
npm install -g @vue/cli-init

This installs the requirements for vue.js



Build the install folders for vue-cli and webpack


Command:
vue init webpack-simple vue-cli

Run this command to initialize webpack-simple and vue-cli.



Confirm the project setup


Use the default or change the project name, project description and author.


                    
                


Go into the project dir


Command:
cd vue-cli

Use cd to go into the default name of vue-cli or whatever you named the project for.



Install the project folders


Command:
run npm install

This installs your dev dependencies



Run the dev server


Command:
npm dev

The vue dev server should launch.