学习vue之初就接触到了脚手架，去年的时候还是使用vue cli进行构建，今年基本都用vite了，官方也都推荐这种方式，那就赶快用起来，快速开发属于自己的vue应用。
vue-cli
仓库地址：
代码语言：javascript复制<https://github.com/vuejs/vue-cli/tree/dev>访问地址:
代码语言：javascript复制<https://cli.vuejs.org/>版本已停留在2022年7月5日：V5.0.7
官方已经提示:
代码语言：javascript复制Vue CLI 处于维护模式！
对于新项目，请使用 create-vue 来搭建基于 Vite 的项目的脚手架。使用方法:
代码语言：javascript复制```js
npm install -g @vue/cli
# OR
yarn global add @vue/cli
```创建一个项目：
代码语言：javascript复制vue create my-project
# OR
vue ui(web界面操作创建)选项：
代码语言：javascript复制- Babel：转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。
- TypeScript：TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行
- Progressive Web App (PWA) Support：渐进式Web应用程序
- Router：vue-router（vue路由）
- Vuex：vue的状态管理模式
- CSS Pre-processors：CSS 预处理器（如：less、sass）
- Linter / Formatter：代码风格检查和格式化（如：ESlint）
- Unit Testing：单元测试（unit tests）
- E2E Testing：e2e（end to end） 测试启动：
代码语言：javascript复制cd yourproject
npm install
npm run servecreate-vue
是基于vite启动的创建vue项目的官方推荐脚手架。
仓库地址：
代码语言：javascript复制<https://github.com/vuejs/create-vue>截止目前(2023年7月12日)版本：
代码语言：javascript复制V2.3.7前提：
代码语言：javascript复制- nodejs16
<https://nodejs.org/en>
推荐：18.16.1（截止2023年7月12日）
- 熟悉命令行npm create vue@3
or
npm init vue@latest如果支持IE11，可以创建vue2项目，注意版本号不能省略
代码语言：javascript复制npm create vue@2启动：
代码语言：javascript复制cd project
npm i
npm run dev与vue cli的区别：
- vue cli 基于webpack，而create-vue基于vite，vite的优势不用多说。
小技巧分享：
pnpm如何设置.pnpm-store存储位置？
pnpm官网：
代码语言：javascript复制https://pnpm.io/zh/pnpm设置pnpm包存储位置：
先查看当前配置：
代码语言：javascript复制pnpm c list设置自定义路径：
代码语言：javascript复制pnpm config set store-dir path/.pnpm-store如果你的路径有空格，那就加一个双引号就解决了：
代码语言：javascript复制pnpm config set store-dir "path to/your/.pnpm-store"
