vue learning and vue3

 1. https://book.vue.tw/CH1/1-3-computed-and-methods.html

# vue3 create and learning

vue install folder

# you can find 

root@437f0e4a33ad:/vue/test3/ui1# cat  package.json

{

  "name": "ui1",

  "version": "0.1.0",

  "private": true,

  "scripts": {

    "serve": "vue-cli-service serve",

    "build": "vue-cli-service build",

    "lint": "vue-cli-service lint"

  },

  "dependencies": {

    "core-js": "^3.8.3",

    "vue": "^3.2.13"

  },

# you can find vue-cli-server in this bin 

root@437f0e4a33ad:/vue/test3/ui1# ls -al  ./node_modules/.bin/

total 40

drwxr-xr-x.   2 root root  4096 Feb 27 07:16 .

drwxr-xr-x. 648 root root 20480 Mar  6 06:13 ..

lrwxrwxrwx.   1 root root    18 Feb 27 03:41 acorn -> ../acorn/bin/acorn

lrwxrwxrwx.   1 root root    36 Feb 27 03:41 ansi-html -> ../ansi-html-community/bin/ansi-html

lrwxrwxrwx.   1 root root    32 Feb 27 03:41 autoprefixer -> ../autoprefixer/bin/autoprefixer

lrwxrwxrwx.   1 root root    22 Feb 27 03:41 browserslist -> ../browserslist/cli.js

lrwxrwxrwx.   1 root root    23 Feb 27 07:16 color-support -> ../color-support/bin.js

lrwxrwxrwx.   1 root root    20 Feb 27 03:41 cssesc -> ../cssesc/bin/cssesc

lrwxrwxrwx.   1 root root    23 Feb 27 03:41 eslint -> ../eslint/bin/eslint.js

lrwxrwxrwx.   1 root root    25 Feb 27 03:41 esparse -> ../esprima/bin/esparse.js

lrwxrwxrwx.   1 root root    28 Feb 27 03:41 esvalidate -> ../esprima/bin/esvalidate.js

lrwxrwxrwx.   1 root root    14 Feb 27 03:41 flat -> ../flat/cli.js

lrwxrwxrwx.   1 root root    12 Feb 27 03:41 he -> ../he/bin/he

lrwxrwxrwx.   1 root root    30 Feb 27 03:41 highlight -> ../cli-highlight/bin/highlight

lrwxrwxrwx.   1 root root    30 Feb 27 03:41 html-minifier-terser -> ../html-minifier-terser/cli.js

lrwxrwxrwx.   1 root root    15 Feb 27 03:41 is-ci -> ../is-ci/bin.js

lrwxrwxrwx.   1 root root    19 Feb 27 03:41 is-docker -> ../is-docker/cli.js

lrwxrwxrwx.   1 root root    25 Feb 27 03:41 js-yaml -> ../js-yaml/bin/js-yaml.js

lrwxrwxrwx.   1 root root    18 Feb 27 03:41 jsesc -> ../jsesc/bin/jsesc

lrwxrwxrwx.   1 root root    19 Feb 27 03:41 json5 -> ../json5/lib/cli.js

lrwxrwxrwx.   1 root root    14 Feb 27 03:41 mime -> ../mime/cli.js

lrwxrwxrwx.   1 root root    20 Feb 27 03:41 mkdirp -> ../mkdirp/bin/cmd.js

lrwxrwxrwx.   1 root root    23 Feb 27 03:41 multicast-dns -> ../multicast-dns/cli.js

lrwxrwxrwx.   1 root root    24 Feb 27 03:41 nanoid -> ../nanoid/bin/nanoid.cjs

lrwxrwxrwx.   1 root root    27 Feb 27 07:16 node-gyp -> ../node-gyp/bin/node-gyp.js

lrwxrwxrwx.   1 root root    26 Feb 27 07:16 node-sass -> ../node-sass/bin/node-sass

lrwxrwxrwx.   1 root root    19 Feb 27 07:16 nopt -> ../nopt/bin/nopt.js

lrwxrwxrwx.   1 root root    27 Feb 27 03:41 opener -> ../opener/bin/opener-bin.js

lrwxrwxrwx.   1 root root    36 Feb 27 03:41 parser -> ../@babel/parser/bin/babel-parser.js

lrwxrwxrwx.   1 root root    27 Feb 27 03:41 prettier -> ../prettier/bin-prettier.js

lrwxrwxrwx.   1 root root    25 Feb 27 03:41 regjsparser -> ../regjsparser/bin/parser

lrwxrwxrwx.   1 root root    22 Feb 27 03:41 resolve -> ../resolve/bin/resolve

lrwxrwxrwx.   1 root root    16 Feb 27 03:41 rimraf -> ../rimraf/bin.js

lrwxrwxrwx.   1 root root    27 Feb 27 07:16 sassgraph -> ../sass-graph/bin/sassgraph

lrwxrwxrwx.   1 root root    23 Feb 27 03:41 semver -> ../semver/bin/semver.js

lrwxrwxrwx.   1 root root    16 Feb 27 03:41 svgo -> ../svgo/bin/svgo

lrwxrwxrwx.   1 root root    20 Feb 27 03:41 terser -> ../terser/bin/terser

lrwxrwxrwx.   1 root root    32 Feb 27 03:41 update-browserslist-db -> ../update-browserslist-db/cli.js

lrwxrwxrwx.   1 root root    21 Feb 27 03:41 uuid -> ../uuid/dist/bin/uuid

lrwxrwxrwx.   1 root root    42 Feb 27 03:41 vue-cli-service -> ../@vue/cli-service/bin/vue-cli-service.js

lrwxrwxrwx.   1 root root    25 Feb 27 03:41 webpack -> ../webpack/bin/webpack.js

lrwxrwxrwx.   1 root root    46 Feb 27 03:41 webpack-bundle-analyzer -> ../webpack-bundle-analyzer/lib/bin/analyzer.js

lrwxrwxrwx.   1 root root    47 Feb 27 03:41 webpack-dev-server -> ../webpack-dev-server/bin/webpack-dev-server.js

lrwxrwxrwx.   1 root root    18 Feb 27 03:41 which -> ../which/bin/which

Node simple run server

# folder 

[andychung@shared-docker-builder test2]$ ls

node_modules  package.json  package-lock.json  public  server.js

 

#################################

# server.js

var fs = require('fs');

var host = '0.0.0.0';

var port = 8080;

var express = require('express');

const path = require('path')

var app = express();

// http://10.0.1.30/hello_vue.html

app.use(express.static(path.join(__dirname, "public")));

app.get("/", function(request, response){

  response.send("hello express");

});

app.get("/a", function(request, response){

  response.send(__dirname);

});

app.listen(port, host);

#################################

# package json

[andychung@shared-docker-builder test2]$ cat package.json

{

  "name": "y",

  "version": "1.0.0",

  "description": "",

  "main": "app.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1",

    "start": "node server.js"

  },

  "author": "",

  "license": "ISC",

  "dependencies": {

    "express": "^4.18.2"

  }

}

node and npm global

 

# global install

root@c329f82c119d:/# npm install -g sass-loader

# global  command

root@c329f82c119d:/# npm list -g

/usr/local/lib

+-- @vue/cli@5.0.8

+-- corepack@0.24.0

+-- list@2.0.19

+-- npm@10.2.4

`-- sass-loader@14.1.1

# global folder

root@c329f82c119d:/# ls -al /usr/local/lib/node_modules/

drwxr-xr-x. 3 root root  17 Mar  6 01:59 @vue

drwxr-xr-x. 4 root root 106 Jan 22 12:11 corepack

drwxr-xr-x. 7 root root 133 Mar  6 06:54 list

drwxr-xr-x. 7 root root 153 Jan 22 12:11 npm

drwxr-xr-x. 4 root root  90 Mar  6 06:54 sass-loader

Nodejs and npm and lodash

npm install lodash

#

ls -al node_modules#

jquery  lodash  neo-async  sass-loader

#

# node

Welcome to Node.js v21.6.1.

> const _ = require('lodash');

> const numbers=[1,2,3]

> numbers

[ 1, 2, 3 ]

> _.first(numbers)

# ref

https://www.digitalocean.com/community/tutorials/how-to-use-node-js-modules-with-npm-and-package-json

https://linyencheng.github.io/2022/09/27/relationships-between-frontend-and-backend/tool-npm/

https://linyencheng.github.io/2022/09/27/relationships-between-frontend-and-backend/tool-npm/

https://linyencheng.github.io/2022/09/27/relationships-between-frontend-and-backend/tool-npm/

zabbix agent2 check

 https://www.zabbix.com/forum/zabbix-troubleshooting-and-problems/444439-agent2-bug-system-run-is-unsupported

https://www.zabbix.com/forum/zabbix-help/426010-unable-to-run-system-run

teams CAA50021 Error

 1.  download  請下載 WPJCleanUp.zip

https://learn.microsoft.com/zh-tw/office/troubleshoot/activation/reset-office-365-proplus-activation-state