基于electron开发自己的IDE 之 玩转electron-vue

打算开发一个JavaScriptIDE，后续开发课程及课程讲解的时候方便使用

这个IDE项目打算用electron进行开发，UI部分用vue配合element-ui，代码编辑器部分ace 或者 CodeMirror，具体还有待确认

本篇先走通一下electron-vue的项目构建，这些都是基于node.js的，所以先安装node.js

国内网络环境不佳，建议安装cnpm，方便后续安装npm包

npm i cnpm -g

然后安装vue脚手架

cnpm i vue-cli

安装创建electron-vue项目

vue init simulatedgreg/electron-vue electron-project

命令执行过程中需要填入选项，不确定的内容直接回车就好

进入electron-project目录，安装npm依赖

cd electron-project
cnpm i

跑起来看看

npm run dev

项目构建成功。