electron + vue 基础项目搭建小结

故土新人

已于 2022-03-10 14:48:07 修改

阅读量947

点赞数 2

分类专栏：学习新知识文章标签： vue.js electron npm

于 2022-01-14 14:49:52 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40942817/article/details/122493613

版权

本文总结了使用vue-cli创建Vue.js项目并结合Electron构建桌面应用的过程。首先安装vue-cli，创建小写命名的项目，选择预设并启动项目。接着安装Electron，选择最新版本，启动项目后可能出现的报错不影响运行。参考官方文档和Vue CLI Plugin Electron Builder，为开发者提供快速入门指南。

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

步骤一：
安装vue-cli：

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装完之后，查看vue-cli版本：

vue --version

并使用vue-cli的命令创建一个项目：

vue create demo-app

项目名称不能大写，比如demoApp，必须是小写
然后，你会被提示选取一个 preset。
自己选一个，或直接回车，回车。。就创建完了。
建议用 Power shell 窗口打开

如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作。
你必须通过 winpty vue.cmd create hello-world 启动这个命令。
不过，如果你仍想使用 vue create hello-world，则可以通过
在 ~/.bashrc 文件中添加以下行来为命令添加别名。