Day-01 从 0 开始搭建一套规范的 Vue3.x 项目工程环境

一、架构搭建

请确保你的电脑上成功安装 Node.js,本项目使用 Vite 构建工具!

查看 Node.js 版本:

ps: 需要注意的是vite需要你的node的版本在12以上 

node -v  // v16.20.1

建议将 Node.js 升级到最新的稳定版本:

# 使用 nvm 安装最新稳定版 Node.js
nvm install stable

二、使用 Vite 快速初始化项目雏形

// 1.全局安装 create-vite-app 工具:
npm install -g create-vite-app

// 2.选择项目目录并运行命令:
npm create vite@latest staging-base

// 3.选择模板(默认为 vanilla)

// 4.安装依赖并启动开发服务器:
cd staging-base
npm install
npm run dev

运行成功! 

Day-01 从 0 开始搭建一套规范的 Vue3.x 项目工程环境_第1张图片

你可能感兴趣的:(搭建,Vue3.x,项目工程环境,前端)