1、Vite 安装【Vite 需要 Node.js 版本 >= 12.0.0】【中文官网写12,英文官网写14,去github上看写14】
本地安装 Node
node 下载地址:https://nodejs.org/zh-cn/
# 查看 node 版本
安装完 node 之后,打开【dos 窗口】输入【cmd】回车,输入【node -v】回车
# 查看原来 node 安装路径
安装完 node 之后,打开【dos 窗口】输入【cmd】回车,输入【where node】回车
# 查看 node 所有版本
安装完 node 之后,打开【dos 窗口】输入【cmd】回车,输入【npm view node versions】回车
# n模块是专门用来管理nodejs的版本,安装n模块
npm install -g n
# 更新升级 Node 版本
n // 选取已安装的版本 上下键选择并按回车键确认
n help // 帮助
n ls // 列出所有node版本
n stable // 把当前系统的 Node 更新成最新的 “稳定版本”
n lts // 长期支持版
n latest // 最新版
n 16.14.2 // 指定安装版本
n rm 16.14.2 // 指定删除某个版本
n use xx.xx.x a.js // 制定版本来运行脚本
使用 NPM 安装最新版本的 Vite
npm install -g vite //全局安装
npm install vite -g //全局安装
npm install vite -D //局部安装
查看安装的版本
vite -v
*、搭建第一个 Vite 项目
使用 NPM:
npm init vite@latest
使用 Yarn:
yarn create vite
使用 PNPM:
pnpm create vite
*、使用 Vite 创建 Vue3 项目
# npm 6.x
npm init vite@latest my-vue-app --template vue
# npm 7+, extra double-dash is needed:
npm init vite@latest my-vue-app -- --template vue
# yarn
yarn create vite my-vue-app --template vue
# pnpm
pnpm create vite my-vue-app -- --template vue
注意:
npm 7+ 后面需要多添加的双横杠;
my-vue-app:是项目的名称,可以根据自己的需要修改;
--template vue:表示创建一个vue模板项目;
*、安装依赖【cd my-vue-app】
npm install
*、运行
npm run dev
*、安装路由,使用最新的 Vue Router 版本
npm install vue-router@4
或
npm install vue-router@next --save
*、安装vuex4
npm install vuex@next --save
或
yarn add vuex@next --save
*、安装element-plus依赖
npm install element-plus --save
*
*
*
*
*
*
*