Vue CLI是Vue官方提供的一个全局命令工具。可以快速创建一个开发Vue项目的标准化基础架子，集成了webpack配置。

使用脚手架的好处是：

- 开箱即用，零配置
- 内置babel等工具
- 标准化

## 使用步骤

全局安装脚手架：`npm i -g @vue/cli`

查看版本：`vue --version`

创建项目架子：`vue create vue-demo`，不喜欢用命令行界面创建项目的话，可通过图形化界面向导来创建项目：`vue ui`

启动项目：`cd vue-demo`然后`npm run serve`

## 修改配置

webpack文档地址：[https://webpack.js.org/configuration/dev-server/](https://webpack.js.org/configuration/dev-server/)

修改vue.config.js文件：

    const { defineConfig } = require('@vue/cli-service')
    module.exports = defineConfig({
      transpileDependencies: true,
      devServer: {
        port: 8080, // 修改端口
        // 添加代理
        proxy: {
          '/api': {
            target: 'http://localhost:3000',
            changeOrigin: true,
          },
        },
      },
    })


工程化开发和脚手架Vue CLI

## 顺序搜索

最基本的搜索算法，最低效的一种搜索算法。它的机制是，将每一个数据结构中的元素和要找的元素做比较。

    function search(array, value) {
      for (let i = 0; i < array.length; i++) {
        if (value === array[i]) {
          return i
        }
      }
      return -1
    }
    console.log(search([1, 3, 5, 2, 0], 5))

## 二分搜索

这个算法要求被搜索的数据结构已排序。

    function binarySearch(find, arr, start, end) {
    start = start || 0
    end = end || arr.length - 1
    if (start <= end && find >= arr[start] && find <= arr[end]) {
    if (arr[start] === find) {
    return start
    }
    if (arr[end] === find) {
    return end
    }
    let mid = Math.ceil((end + start) / 2)
    if (arr[mid] === find) {
      return mid
    } else if (arr[mid] &gt; find) {
      return binarySearch(find, arr, start, mid - 1)
    } else {
      return binarySearch(find, arr, mid + 1, end)
    }
    
    }
    return -1
    }
    function quickSort(arr) {
    const { length } = arr
    if (length < 2) {
    return arr
    }
    let base = arr[0]
    let minArr = arr.slice(1).filter((item) => item <= base)
    let maxArr = arr.slice(1).filter((item) => item > base)
    return quickSort(minArr).concat(base).concat(quickSort(maxArr))
    }
    arr = quickSort([1, 3, 5, 2, 0])
    console.log(...arr)
    console.log(binarySearch(2, arr))

## 内插搜索

是改良版的二分搜索，只需改动mid：

    let mid = (start + Math.floor(((find - arr[start]) / (arr[end] - arr[start])) * (end - start)))

## 斐波那契查找

也是二分查找的一种提升算法，斐波那契查找也属于一种有序查找算法。


JavaScript数据结构与算法(搜索算法)

## SDXL Turbo

是由 Stability AI 公司开发的基于 SDXL 1.0 的升级版本，最近 Stability AI 真是动作不断呐！

操作简单，直接输入想要描述的英文提示词，毫秒级生成 512x512 的图片，输入框增加空格可随机生成更多图片。

字都没打完图就画好了，你就说快不快吧！

不幸的是，不能用这些图像进行商业用途。因此，研究人员和爱好者可以自由尝试，但公司不能用它来销售产品或服务。

## 网站地址

SDXL Turbo：[https://sdxlturbo.ai/](https://sdxlturbo.ai/)


SDXL Turbo-最新实时AI绘画神器秒级出图真的太卷了

## Look Scanned

是一款在线开源PDF转扫描效果工具，基于WebAssembly，能够让PDF看起来就像是扫描件一样。不再需要打印机和扫描仪，只需点击几下即可完成所有操作。所有数据保留在本地设备上，工具不存储任何数据，一切都在本地浏览器上处理，而且支持PWA应用，无需网络可以离线运行。

## 网站地址

Look Scanned：[https://zh.lookscanned.io/scan](https://zh.lookscanned.io/scan)

## 类似网站

ScanNerd：[https://scannerd.co/](https://scannerd.co/)


Look Scanned-在线开源PDF转扫描效果工具

## NVM

Node Version Manager是Node.js版本管理器，可以轻松地在不同的Node.js版本之间进行切换。通过它可以安装和切换不同版本的Node.js，为了解决Node.js各种版本存在不兼容现象可以通过它安装和切换不同版本。

官网：[https://github.com/nvm-sh/nvm](https://github.com/nvm-sh/nvm)

## Window安装

NVM for Windows：[https://github.com/coreybutler/nvm-windows/](https://github.com/coreybutler/nvm-windows/)

到官网下载nvm-steup.exe，双击运行安装。

## 使用

查看当前使用的Node.js版本：`nvm current`。

查看所有Node.js版本，*表示当前使用的版本：`nvm ls`。

查看可安装列表：`nvm list available`。

### 设置国内镜像

设置npm_mirror：`nvm npm_mirror https://npmmirror.com/mirrors/npm/`。

设置node_mirror：`nvm node_mirror https://npmmirror.com/mirrors/node/`。

### 安装Node.js版本

安装最新稳定版：`nvm install latest`。

安装指定版本：`nvm install xxx`。

### 切换版本

切换Node.js版本：`nvm use xxx`。


NVM使用教程

这里是 aboss.top 的自留地。写了十几年野路子代码，攒了些摸爬滚打的经验，做成系列课程慢慢讲；也留了一小块地方，记记代码之外的胡思乱想。