############################
Vue in WP
############################
sudo npm install vue-cli -g
Ahmeds-Capitan-2:mfw-app shourav$ vue init webpack-simple wp-spa
? Project name wp-spa
? Project description WordPress Single Page Customer Mangement App
? Author MooseDev
? License MIT
? Use sass? Yes
vue-cli · Generated “wp-spa”.
To get started:
cd wp-spa
npm install
npm run dev
#############################
Ahmeds-Capitan-2:mfw-app shourav$ npm install
npm WARN bootstrap@4.0.0 requires a peer of popper.js@^1.12.9 but none is installed. You must install peer dependencies yourself.
up to date in 4.502s
╭─────────────────────────────────────╮
│ │
│ Update available 5.6.0 → 5.8.0 │
│ Run npm i -g npm to update │
│ │
╰─────────────────────────────────────╯
Ahmeds-Capitan-2:mfw-app shourav$ npm -v
5.6.0
Ahmeds-Capitan-2:mfw-app shourav$ sudo npm i -g npm
/usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js
/usr/local/bin/npx -> /usr/local/lib/node_modules/npm/bin/npx-cli.js
+ npm@5.8.0
added 89 packages, removed 42 packages and updated 67 packages in 12.671s
Ahmeds-Capitan-2:mfw-app shourav$ npm -v
5.8.0
#######################################
Ahmeds-Capitan-2:wp-spa shourav$ npm i popper.js
+ popper.js@1.14.1
added 1 package from 2 contributors in 5.447s
Ahmeds-Capitan-2:wp-spa shourav$ npm i bootstrap
+ bootstrap@4.0.0
updated 1 package in 4.81s
Ahmeds-Capitan-2:wp-spa shourav$ npm install
########################################
Ahmeds-Capitan-2:wp-spa shourav$ pwd
/Users/shourav/Documents/_DEV/APP-WP/wp-content/themes/mfw-app/wp-spa
Ahmeds-Capitan-2:wp-spa shourav$ npm run dev
Ahmeds-Capitan-2:wp-spa shourav$ npm install vue-router –save
* TO MAKE SURE THE SPA RUNS, YOU MUST GO UNDER WP-SPA AND RUN
nom run dev
ALSO, ENQUE THE FOLLOWING IN WP FUNCTIONS.PHP FILE
http://localhost:8080/dist/build.js