争逐

主题

Vite、Vue3开发项目

NPM ​

  • npm 查看某个依赖版本
bash
npm info vue-router versions
  • npm 添加依赖特定版本
bash
npm add vue-router@^4.0.0-beta.7
  • npm 升级某个依赖版本
bash
npm update -g npm
  • npm 升级项目所有依赖版本
bash
npm update

项目搭建 ​

  • 创建项目
bash
npm init vite-app <project-name>
  • 添加路由
bash
npm add vue-router@^4.0.0-beta.7
  • 添加 vuex
bash
npm add vuex@^4.0.0-beta.4
  • 添加 typescript
bash
npm add typescript -D
  • 初始化 tsconfig.json
bash
npx tsc --init
  • 在项目根目录添加 shim.d.ts 文件
ts
declare module '*.vue' {
  import { defineComponent } from 'vue'
  const component: ReturnType<typeof defineComponent>
  export default component
}
  • 添加 sass
bash
npm add sass -D
  • 添加 axios
bash
npm install axios
  • 添加 tailwindcss
bash
npm install tailwindcss

CDN

谷歌字体css.gg

Vue 3.0 ​

Vue3.0 官网 ​

Vue3.0 官网

Vue composition-api 中文 ​

Vue composition-api

Vite 中文文档 ​

Vite 中文文档

win10 查看端口占用 ​

  • 列出所有端口的情况，找到被占用的端口
bash
netstat -ano
  • 输入下面命令找对应的 PID
bash
netstat -aon|findstr "3000"
 #pid:8392
  • 输入下面命令查找具体的占用进程
bash
tasklist|findstr "8292"
  • 如果想结束进程，可以使用(直接在任务管理器找到 pid 为 8392 的结束)
bash
taskkill /f /t /im Code.exe

ubuntu 查看端口占用 ​

Ubuntu 查看端口使用情况，使用 netstat 命令 ​

  • 查看已经连接的服务端口（ESTABLISHED）
bash
netstat -a
  • 查看所有的服务端口（LISTEN，ESTABLISHED）
bash
netstat -ap
  • 查看指定端口，可以结合 grep 命令：
bash
netstat -ap | grep 8080

也可以使用 lsof 命令 ​

bash
lsof -i:8888
  • 若要关闭使用这个端口的程序，使用 kill + 对应的 pid
bash
kill -9 PID号

ps：kill 就是给某个进程 id 发送了一个信号。默认发送的信号是 SIGTERM，而 kill -9 发送的信号是 SIGKILL，即 exit。exit 信号不会被系统阻塞，所以 kill -9 能顺利杀掉进程。