vue3.0+electron+element-plus项目搭从0开始建教程（1）

最新推荐文章于 2025-03-07 00:34:20 发布

AngerJava

最新推荐文章于 2025-03-07 00:34:20 发布

阅读量2.1k

点赞数

文章标签： javascript vscode

本文链接：https://blog.youkuaiyun.com/AngerJava/article/details/124297282

版权

本教程详细介绍了如何从零开始搭建Vue3.0+Electron项目，包括安装Node.js、Vue CLI，以及自定义配置Vue项目，如选择Vue版本、设置路由模式、配置CSS预处理器和代码风格检查工具。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装node.js
Download | Node.jshttps://nodejs.org/en/download/

安装node时，npm页自动给安装上了

node -v  -- 查看node版本

npm -v  --  -- 查看npm 版本

2、安装vue-cli

 // 切换npm 镜像源路径（看自身需求，网络好，可不切换用默认）
npm config set registry https://registry.npm.taobao.org

// 全局安装yarn（看自身需求用哪个习惯）

npm  install -g yarn

// 检查是否安装成功 
  yarn -v

// 切换淘宝镜像：
yarn config set registry https://registry.npm.taobao.org

// 全局安装：install 可以简写为 i
npm install -g @vue/cli

// 查看vue cli 版本
 vue -V