如何使用pnpm包管理器搭建一个vite项目（vue3+ts）

欢迎

用npm指令全局安装pnpm

npm i -g pnpm

搭建项目

pnpm create vite

输入项目名字，也可回车默认项目名

选择vue框架

选择TypeScript语法

搭建完成按照提示运行指令

1. 先cd 项目名进入项目
2. 然后pnpm install安装依赖
3. 最后pnpm run dev运行项目
   
   运行结果如下：
   
   复制网址到浏览器打开即可看到以下页面
   

配置项目自动打开

4. 用vscode打开你的项目
5. 打开package.json文件
6. 找到"dev": "vite"改为"dev": "vite --open"
7. 保存后运行即可直接打开至浏览器

完结撒花

如果还需要在项目中安装 ESLint的继续看

“eslint” 是一个流行的 JavaScript 代码检查工具，用于检查和纠正代码风格和错误。

8. 安装 ESLint 的开发依赖 pnpm i eslint -D (“-D” 是 “–save-dev” 的缩写，表示将该依赖项保存为开发依赖，而不是项目的正式依赖。开发依赖通常用于在开发过程中使用，而在项目部署或发布时不需要。)
9. 初始化并生成 ESLint 配置文件 npx eslint --init

命令解析：
“npx” 是 npm 5.2+ 版本中自带的一个命令行工具，它可以临时安装和运行任何可执行的 Node.js 包。
“–init” 表示使用 ESLint 的初始化向导来创建配置文件。
因此，执行 “npx eslint --init” 命令会在当前工作目录中创建一个新的 ESLint 配置文件，并提示用户回答一些问题，以定制他们的代码检查规则和风格。在完成向导之后，ESLint 将为你创建一个 .eslintrc. 文件，其中包含你选择的规则和配置项。通过这个文件，你可以告诉 ESLint 按照你想要的方式检查你的代码。*

具体过程如下：