Vite 使用基本使用(一)

       ### Vite 特点

1. Vite工具的安装:

npm install vite -g  // 全局安装
npm install vite -D // 局部安装

1. Vite冷服务启动,ES6 import
2. 开发中热更新
3. 按需进行编译, 不会刷新全部DOM

4.1 npm下载命令: npm init vite-app 项目名称

实际截图:

image.png

4.2. 要安装对应的依赖包和运行脚本:
命令:

依赖包: npm install 
运行脚本: npm run dev (or `yarn dev`)

5. yarn 下载命令: yarn create vite-app 项目名称:
   依赖包: yarn install
   运行脚本: yarn dev

Vite 只支持vue 3.0.

Vite 配置文件和别名的设置

在项目的最外层新建一个文件叫:Vite.config.js 文件

const { resolve } = require("path")
export default {
  alias: {'/@/':resolve(__dirname,"src")}
}

在其他页面的使用: /@/

import HelloWorld from "/@/components/HelloWorld.vue"

1. CODEIF 的使用: 一般给去名字的时候,不知道怎么取名可以进入这个网站:

取名字网站

2. DocsChina 中文标记文档, 网址

3. any-rule 正则表达式大全的使用:

1. 在VSCode 上面装一个 any-rule插件
2. 输入关键词搜索, 比如"手机".

4. [tool.lu](在线工具: https://tool.lu/)

5. baomitu工具