基于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

项目构建成功。

猜你喜欢

转载自blog.csdn.net/ctbinzi/article/details/116000070