vue spreadsheets

after a brief search:

the french one

mkdir french npm init This utility will walk you through creating a package.json file.

webpack init

Webpack for Vue.js 3 from Scratch

my own version:

intro: An easier Spreadsheet in Vue.js

git repo: joffreyBerrier/vue-spreadsheet

> mkdir joffrey
> cd joffrey/
> git clone https://github.com/joffreyBerrier/vue-spreadsheet.git

and this:

> npm i vuejs-spreadsheet
npm ERR! code ENOSELF
npm ERR! Refusing to install package with name "vuejs-spreadsheet" under a package
npm ERR! also called "vuejs-spreadsheet". Did you name your project the same
npm ERR! as the dependency you're installing?

nope.

this seems better:

> cd example
> npm i vuejs-spreadsheet

> npm install --save vuejs-spreadsheet

nope.

Maybe it requires cli...

> npm install -g @vue/cli

npm ERR! Error: EACCES: permission denied, access '/usr/lib/node_modules'
npm ERR!  { [Error: EACCES: permission denied, access '/usr/lib/node_modules']

version 5 - create vue app & build

possibly started in here:

cd ~/src/spsht_v5

using suggestions from On the way to Vue Js.. Create Your First project App in Vue JS framework.

> npm init -y
> npm install vue --save

instr says use -g for global, we don't:

> npm install  @vue/cli

and vue is in node_modules:

> ./node_modules/.bin/vue create my-vueapp

...  Successfully created project my-vueapp.
...  Get started with the following commands:

 $ cd my-vueapp
 $ npm run serve

finally, it looks like we can just run:

then:

> find dist -type f
dist/img/logo.82b9c7a5.png
dist/css/app.fb0c6e1c.css
dist/js/app.027aac0f.js
dist/js/app.027aac0f.js.map
dist/js/chunk-vendors.468a5298.js.map
dist/js/chunk-vendors.468a5298.js
dist/index.html
dist/favicon.ico

Yipee (I think.)

and create/edit vue.config.js and .env, then:

> npm run-script build

> find ~/apps/angela/vue_slurry/ -type f
/home/wendell/apps/angela/vue_slurry/img/logo.82b9c7a5.png
/home/wendell/apps/angela/vue_slurry/css/app.6e1f7095.css
/home/wendell/apps/angela/vue_slurry/js/app.49ae6bb6.js
/home/wendell/apps/angela/vue_slurry/js/chunk-vendors.468a5298.js.map
/home/wendell/apps/angela/vue_slurry/js/chunk-vendors.468a5298.js
/home/wendell/apps/angela/vue_slurry/js/app.49ae6bb6.js.map
/home/wendell/apps/angela/vue_slurry/index.html
/home/wendell/apps/angela/vue_slurry/favicon.ico

TODO: figure out diff in using .env and the var publicPath in vue.config.js

version 5 - setup cherrypy

edited similar to vue_go

Yipee!!!

now to actually try the spsht

HAD PROBLEMS