Vue-TypeScript-electron Demo
这是Vue-Cli 3.0、TypeScript、electron初始化得到Demo。构建Typescript、electron和Vue项目是一件麻烦的事情,尝试过各种方案后发现使用vue-cli-plugin-electron-builder 是目前最好的选择。
git clone https://github.com/Robinsir/vue-electron-typescript.git
cd vue-electron-typescript
npm i
npm run electron:serve #或者npm run dev
使用Vue-Cli创建此项目有更加自由的选择。可以根据以下步骤创建:
vue -V #查询当前Vue-cli 版本
npm uninstall vue-cli #如果版本低于3.0,则要删除并重新安装
npm i -g @vue/cli #安装vue-cli 3.0
vue create my-project #创建项目
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, TS, Router, Vuex, Linter
? Use class-style component syntax? No # 是否使用class风格的组件定义
? Use Babel alongside TypeScript for auto-detected polyfills? (Y/n)Yes
? Pick a linter / formatter config: TSLint
? Pick additional lint features: Lint on save
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files # 分离配置文件
cd my-project
vue add electron-builder #添加electron插件
npm run electron:serve #运行electron
npm run electron:serve
npm run electron:build
npm run test
npm run lint