Vue+Vite 组件开发的环境配置（超级简单）
vite是什么
Vite 是一个现代化的前端构建工具和开发服务器，它特别适用于构建大型的单页面应用（SPA）。Vite 旨在提供极快的冷启动速度，并且能够即时地（几乎实时地）更新模块，这得益于其利用原生 ES 模块（ESM）导入的架构。
要使用 Vite，开发者通常需要按照以下步骤操作：
- 安装 Node.js 和 npm（Node 包管理器）。
- 使用 npm 或 Yarn 创建一个新的 Vite 项目（通常使用 Vite 提供的脚手架工具）。
- 在项目目录中编写代码，包括 JavaScript/TypeScript、CSS/SCSS、Vue/React 组件等。
- 使用 Vite 提供的开发服务器来运行和调试项目。
- 当项目开发完成后，使用 Vite 的构建命令来生成用于生产环境的静态资源，并将其部署到服务器上
一、安装node.js
Node.js® 是一个免费、开源、跨平台的 JavaScript 运行时环境, 它让开发人员能够创建服务器 Web 应用、命令行工具和脚本。在任何地方运行 JavaScript
Node.js — 在任何地方运行 JavaScript官网直接打开下载即可
一直点击Next即可
二、如何检查我们是否安装成功
首先我们打开一个空的文件夹（接下来要存放vue project的地方）在搜索框输入cmd按enter打开cmd
我们在cmd界面可以查看我们下载的node版本以及npm版本
输入npm get registry可以查看我们的镜像源
【设置淘宝镜像源（默认镜像源是国外网址，国内访问经常失败，所以要设置淘宝镜像源）】
npm config set registry https://registry.npmmirror.com/
下一步
【安装pnpm包管理工具】
npm install -g pnpm (npm install -g xxxx 全局安装工具包，可以直接在命令行使用，否则无法使用)
这样就我们安装完毕了
三、创建我们的脚手架
创建脚手架：pnpm create vue
会让我们来输入名称，我们可以直接按照默认来就行
以下全部选否即可
接着按照顺序输入它给的三条命令即可
cd vue-project
pnpm install
pnpm dev
最后它给我们一个网址，我们直接复制粘贴然后使用谷歌浏览器直接打开即可
这样我们的脚手架就搭建完成啦
注意：打开网页时，不要关闭cmd窗口。
原文地址：https://blog.csdn.net/DZ_OP/article/details/144253620
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！