pnpm快速搭建vue项目
1. 安装 Node.js 和 pnpm
首先，确保你的系统上已经安装了 Node.js。你可以通过以下命令检查是否已安装：
node -v
如果没有安装，可以从 Node.js 官网 下载并安装。
接下来，安装 pnpm。你可以通过 npm 全局安装 pnpm：
npm install -g pnpm
安装完成后，可以通过以下命令检查 pnpm 是否安装成功：
pnpm -v
2. 安装 Vue CLI
Vue CLI 是一个官方提供的脚手架工具，可以帮助你快速搭建 Vue 项目。你可以通过 pnpm 全局安装 Vue CLI：
pnpm add -g @vue/cli
安装完成后，可以通过以下命令检查 Vue CLI 是否安装成功：
vue --version
3. 创建 Vue 项目
使用 Vue CLI 创建一个新的 Vue 项目。在终端中运行以下命令：
vue create my-vue-project
my-vue-project 是你的项目名称，你可以根据需要更改。
4. 选择预设或手动配置
在创建项目时，你会被提示选择一个预设或手动配置项目。你可以选择默认的预设（推荐），或者手动选择特性进行配置。
- Default (babel, eslint): 这是一个包含 Babel 和 ESLint 的默认配置。
- Manually select features: 如果你需要更多的自定义选项，可以选择这个选项。
如果你选择手动配置，你会看到一个列表，可以按空格键选择你需要的特性，例如：
- Babel
- TypeScript
- Progressive Web App (PWA) Support
- Router
- Vuex
- CSS Pre-processors
- Linter / Formatter
- Unit Testing
- E2E Testing
选择完特性后，按照提示完成配置。
5. 使用 pnpm 安装依赖
在项目创建过程中，Vue CLI 默认会使用 npm 或 yarn 来安装依赖。如果你想使用 pnpm，可以在创建项目时选择 Manually select features，然后在选择完特性后，手动指定使用 pnpm 安装依赖。
或者，你可以在项目创建完成后，手动删除 node_modules 目录和 package-lock.json 文件，然后使用 pnpm 安装依赖：
cd my-vue-project
rm -rf node_modules package-lock.json
pnpm install
6. 进入项目目录
进入项目目录：
cd my-vue-project
7. 启动开发服务器
在项目目录中，运行以下命令启动开发服务器：
pnpm run serve
启动成功后，你会看到类似如下的输出：
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.1.100:8080/
Note that the development build is not optimized.
To create a production build, run pnpm run build.
打开浏览器，访问 http://localhost:8080/，你应该能看到 Vue 项目的默认欢迎页面。
8. 编辑项目
现在你可以开始编辑你的 Vue 项目了。项目的主要文件和目录结构如下：
src/: 包含项目的源代码。assets/: 存放静态资源，如图片、字体等。components/: 存放 Vue 组件。App.vue: 根组件。main.js: 项目的入口文件。
public/: 存放公共资源，如index.html。package.json: 项目的依赖和脚本配置。README.md: 项目的说明文档。
你可以根据需要修改这些文件和目录。
9. 构建生产版本
当你完成开发并准备部署项目时，可以运行以下命令构建生产版本：
pnpm run build
构建完成后，会在项目根目录下生成一个 dist/ 目录，里面包含了优化后的静态文件，可以直接部署到服务器上。
希望这些步骤能帮助你成功创建并运行一个使用 pnpm 管理依赖的 Vue 项目！如果有任何问题，请随时提问。