从零到制作一个简单的Electron+vue应用并用Capacitor打包成安卓app

本文中出现的所有命令是在powershell中输入的。

第一步，在系统左下方的搜索栏中输入powershell并打开。

输入

cd D:\存放代码项目文件夹的路径

如我存放在D:\coding就输入cd D:\coding，输入后powershell操作的位置就从红色框变成了绿色框内的路径

第二步，安装一堆东西

安装Node.js：从Node.js的官方网站下载并安装最新版本的Node.js。安装过程中会自动安装npm。安装完成后，可以通过在命令行中分别输入node -v和npm -v来验证Node.js和npm是否成功安装以及检查它们的版本号。

node -v
npm -v

• 接下来设置环境变量，在“我的电脑”上按右键，依次点击“属性”-“高级系统设置”-“高级”-“环境变量”
• 进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【C:\Program Files\nodejs\node_globall\node_modules】（以实际安装路径为准），将【用户变量】下的【Path】修改为【C:\Program Files\nodejs\node_global】（以实际安装路径为准）

配置npm镜像源：由于npm的官方源位于国外，下载速度可能会受到网络影响。为了提高下载速度，建议配置npm使用国内的镜像源，如在powershell输入npm config set registry https://registry.npm.taobao.org命令即设置成了淘宝的npm镜像。

全局安装Vue CLI：在powershell输入npm install -g @vue/cli命令并回车来全局安装Vue CLI。

第三步 创建项目文件夹

在powershell输入vue create 项目名称，选择默认配置或根据你的需求进行自定义配置。如下例中我的app项目名字是love-app，你可以改成其他你想起的名字

vue create love-app

 如果此时弹出报错‘vue-cl