没有合适的资源?快使用搜索试试~ 我知道了~
用vue-cli3+Electron开发一个跨平台的桌面应用(这里只是搭建了项目)
10 下载量 170 浏览量
2021-01-08
02:50:13
上传
评论 1
收藏 67KB PDF 举报
温馨提示
## 1. 安装vue-cli3(这里使用的是yarn,进行这一步的前提是安装好node和yarn) yarn global add @vue/cli vue --version (此命令意在查看vue的版本,可确认是否安装成功,) ## 2. 创建vue项目 vue create vue-electron-demo (vue-electron-demo是你要创建的项目名称) ##3 . 创建vue项目过程,选常用模块以及配置 此时需要选择项目的一些配置,选定敲回车,出现的顺序以及基本选择如下:(上下键,空格是选择,enter是确定) ? Please pick a preset:
资源推荐
资源详情
资源评论

格式:pdf 资源大小:418.1KB 页数:3










格式:zip 资源大小:15.9MB

格式:zip 资源大小:3.7MB














格式:pdf 资源大小:61.6KB 页数:2





用用vue-cli3+Electron开发一个跨平台的桌面应用(这里只是搭开发一个跨平台的桌面应用(这里只是搭
建了项目)建了项目)
## 1. 安装安装vue-cli3(这里使用的是(这里使用的是yarn,进行这一步的前提是安装好,进行这一步的前提是安装好node和和yarn))
yarn global add @vue/cli
vue --version (此命令意在查看vue的版本,可确认是否安装成功,)
## 2. 创建创建vue项目项目
vue create vue-electron-demo (vue-electron-demo是你要创建的项目名称)
##3 . 创建创建vue项目过程,选常用模块以及配置项目过程,选常用模块以及配置
此时需要选择项目的一些配置,选定敲回车,出现的顺序以及基本选择如下:(上下键,空格是选择,上下键,空格是选择,enter是确定是确定)
? Please pick a preset: (Use arrow keys)
default (babel, eslint)———————(默认安装,选择它后项目将是默认配置)
> Manually select features——————(自定义安装,选它后,后续又会出现你需要选择的一些模块)
选择自定义安装之后:(这里选择了常用模块)
? Check the features needed for your project:
(*) Babel——————(转码器,将ES6代码转为ES5代码,从而在现有环境执行。 )
( ) TypeScript——————(是JS(后缀.js)的超集,后缀为.ts,包含并扩展了 JavaScript 的语法,现很少人用)
( ) Progressive Web App (PWA) Support————(渐进式Web应用程序)
(*) Router——————(vue-router 即vue路由)
(*) Vuex——————(vuex ,vue的状态管理模式)
(*) CSS Pre-processors——————( CSS 预处理器(如:less、sass))
(*) Linter / Formatter——————(代码风格检查和格式化(如:ESlint))
>( ) Unit Testing——————(单元测试)
( ) E2E Testing————————(/e2e(end to end) 测试)
选好后敲回车:
? Use history mode for router? (Requires proper server setup for index fallback in production)
(Y/n)———————— n (是否采用history模式,这里对vue-router,vue-router 默认使用hash模式,可参考vue-router的官网, )
我们不采用history模式,敲“n”,回车:
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):
Sass/SCSS (with dart-sass)
> Sass/SCSS (with node-sass)————(这里选css预处理,一般项目用scss,这里选了第二个)
Less
Stylus
eslint代码格式化检查工具的配置:
? Pick a linter / formatter config: (Use arrow keys)
ESLint with error prevention only
ESLint + Airbnb config
> ESLint + Standard config——————(这里选,标准配置)
ESLint + Prettier
何时进行 进行格式检查:
? Pick additional lint features: (Press to select, to toggle all, to invert selection)
>(*) Lint on save——————
(在保存代码的时候,检查代码格式)
( ) Lint and fix on commit
将babel、eslint等的配置文件放在哪里:
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)
In dedicated config files
> In package.json——————(放在package.json里)
是否记录,这一次的配置选择:
? Save this as a preset for future projects? (y/N)———— (N不记录)
安装后移动到目录 并启动:
选择后敲回车,开始创建项目,创建完成后,根据提示,输入命令,运行项目:
cd vue-electron-demo——————(该命令是进入项目目录下)
yarn serve——————(运行项目)
**项目运行成功:**出现 http://localhost:8080等,可在浏览器打开 http://localhost:8080 。 到此vue的项目搭建完成。
资源评论


weixin_38670318
- 粉丝: 6
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 大模型(LLMs)算法工程师面试题及我的答案记录仓库
- 从零开始学大模型Transformer、GPT2、BERT pre-training and fine-tuning from scratch
- 开源智能体项目:支持 6 大聊天平台、Onebotv11 一对多连接、流式信息 agent、对话键盘气泡生成,支持 10 + 大模型接口且持续更新,可转换多模型接口为带上下文通用格式
- 该仓库主要记录 大模型(LLMs) 算法工程师相关的面试题与我写的答案
- 大数据平台架构下的模型管理与权限控制体系
- 开源的智能体项目 支持6种聊天平台 Onebotv11一对多连接 流式信息 agent 对话keyboard气泡生成 支持10+大模型接口(持续更新) 具有将多种大模型接口转化为带有上下文的通用格式的
- 针对复杂业务逻辑的Java实现系统,抽象出一套编程框架,借鉴领域模型的设计方法,使得开发体验更加环保、更加友好,大大提高代码的后期可维护性
- 大数据平台下模型管理与权限控制平台
- 《大语言模型》综述全书学习笔记
- 《大语言模型》综述全书的学习笔记整理
- log4j日志的监控系统,采用web形式展现各模块的运行状态,支持邮件短信报警,适用于一般企业大中型业务生成系统的监控;业务模块定时30秒采用json格式输出到文件
- log4j日志的监控系统,采用web形式展现各模块的运行状态,支持邮件短信报警,适用于一般企业大中型业务生成系统的监控;业务模块定时30秒采用json格式输出到文件
- 从 0 到 1 学用模块化等技术打造大型 Android 项目架构模式
- 基于 模块化+Kotlin+协程+Retrofit+Jetpack+MVVM 架构.能提供大家学习如何从0到1打造一个符合[大型Android项目的架构模式]
- txs0104e数据表(官方资料)
- 基于 模块化+Kotlin+协程+Retrofit+Jetpack+MVVM 架构.能提供大家学习如何从0到1打造一个符合[大型Android项目的架构模式]
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
