概要
yarn build 后自动生成并在 finder 中高亮 .tgz 压缩包,压缩包名含项目名称、生成日期、git commit id,并提示是否将生成的 dist 和 .tgz 删除。
压缩包名格式:《某可视化大屏_production_20230326214235_52905e7.tgz》
依赖:macOS,fish shell
用法
yb # 仅 yarn build,NODE_ENV=production
yb production # 仅 yarn build,NODE_ENV=production
yb development ...
分类为 Vue.js 的文章:
提示:windows 平台需要在 git bash 中执行以下操作。
生成自动登录 ssh 的 key,这个 key 可以代替 ssh 密码,后边再使用 scp 复制文件时就不需要输入密码这步交互操作了
ssh-keygen
# 不需要输入信息,一路回车即可
将 ssh key 添加到服务器上
ssh-copy-id -i ~/.ssh/id_rsa.pub -p 22 root@106.13.232.33
# 按提示输入 admin 的密码
本地配置 ssh 主机(用“vueProjectHost”代替“root@106.13.232.33”)
# ~/.ssh/...
引入 mxGraph
旧方法
yarn add mxgraph-js # 这个包里的 mxgraph 版本号为 3.6.0
import {
mxGraph,
mxUtils,
mxHierarchicalLayout,
mxCellOverlay,
mxEvent,
mxRubberband,
mxKeyHandler,
mxConstants,
mxImage,
} from 'mxgraph-js';
官方用法
yarn add mxgraph # mxgraph 版本号 4.2.2
import * as mxgraph from 'mxgraph';
const {
mxGraph,
mxUtils,
m...
用法
this.$dialog.show({
title: "Dialog",
width: "50%",
data: { name: "name", age: 18 }, // 非编辑时此项可省略
option: {
confirmText: "保存", // 可省
columns: [
{
label: "姓名",
prop: "name",
rules: [
{
required: true,
message: "请输入姓...
import { fileURLToPath, URL } from 'node:url';
import copy from 'rollup-plugin-copy';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { createHtmlPlugin } from 'vite-plugin-html';
// https://vitejs.dev/config/
export default defineConfig({
// server: {
// proxy: {
// '/my-report/ass...
{
type: 'module', // module / commonjs
}
type 字段的产生用于定义 package.json 文件和该文件所在目录根目录中 .js 文件和无拓展名文件的处理方式。值为 moduel 则当作 ES6 模块处理;值为 commonjs 则被当作 commonJs 模块处理,无 type 则为认为是 CommonJS
.mjs 后缀名的文件总是被当作 ES6 模块,.cjs 后缀名的文件总是被当成 CommonJS 模块
<template>
<div id="app">
<router-view />
</div>
</template>
<script>
export default {
data() {
return {
waterMarkConfig: {
width: 340,
height: 240,
content: '这里是水印内容,可以是 git commit id 或 process.env.NODE_ENV',
font: '14px PingFang SC, sans-serif',
...
不推荐使用本文的方法,建议使用 props 和 emit
方法来自:stackoverflow.com/questions/55316490,在用这个方法前可以先试试 this.$refs[‘子组件’].doSth(),比下文的方法简单。
子组件
export default {
methods: {
doSth() {
console.log('子组件的 doSth 方法');
},
},
mounted() {
let self = this;
self.$emit('callback', {
doSth: () =&...
仅支持无感知验证,
vue-recaptcha-v3
yarn add vue-recaptcha-v3
src/main.js
import { VueReCaptcha } from 'vue-recaptcha-v3';
Vue.use(VueReCaptcha, {
siteKey: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
loaderOptions: {
// 是否使用国内的 recaptcha.net 域名
useRecaptchaNet: true,
// 是否隐藏“由reCAPTCHA 提供保护 隐私 - 使用条件”
autoHideBadge: process.env.N...
配置内容
单引号、末尾分号、关闭了“Rplace ..⏎ with”(有谁知道如何开启并统一格式化工具吗)。
VSCode 配置
"editor.rulers": [80, 120], // 缩进栏线
"editor.tabSize": 2,
"editor.insertSpaces": true,
"editor.formatOnPaste": true,
"editor.formatOnSave": false,
"editor.renderWhitespace": "all", // 显示空格
"emmet.triggerE...
// vue.config.js / webpack.config.js / config/index.js
module.exports = {
devServer: {
proxy: {
// 所有 websocket 接口地址加 /websocket 前缀,例:ws://localhost:8080/websocket/dashboard -> wss://notice.app.upall.cn/dashboard
'/websocket': {
target: 'wss://notice.app.upall.cn',
ws: true,
secure: false,
logLevel: 'debug',
pa...
插件
// ctrl+p
ext install MS-CEINTL.vscode-language-pack-zh-hans
ext install ms-vscode.sublime-keybindings
ext install lixquid.calculator
快捷键
// keybindings.json
// Place your key bindings in this file to override the defaultsauto[]
[
{
"key": "alt+w", // 用标签包裹选中的文字
"command": "editor.emmet.action.wrapWithAbbreviation"...