electron爬坑记--搭建vue-electron环境

起步

该样板代码被构建为 vue-cli 的一个模板,并且包含多个选项,可以自定义你最终的脚手架程序。本项目需要使用 node@^7或更高版本。electron-vue 官方推荐 yarn 作为软件包管理器,因为它可以更好地处理依赖关系,并可以使用 yarn clean 帮助减少最后构建文件的大小

第一步:全局安装vue-cli

如果你已经全局安装vue脚手架可以忽略这一步

// 全局安装vue-cli vue的脚手架
npm install vue-cli -g
// 或者
yarn global add vue-cli

第二步:安装vue-electron 模板代码

// 安装vue-electron 
vue init simulatedgreg/electron-vue my-project // my-project为你自己的项目目录

第三步:进入并运行自己的项目

// 进入你自己的项目
cd my-project
// 下载你自己所需要的包
yarn // 或者
npm install
// 运行的的项目
yarn dev // 或者
npm run dev
// 打包你的项目
yarn build // 或者
npm run build

注:在下载electron-vue所依赖的包的时候,下载electron和nass的时间较长,我们可以配置一下yarn 或者npm的electron和nass镜像

 

你可能感兴趣的:(electron)