最新消息

vue & element & electron MAC学习笔记

乐鱼网教程 2021-03-28 23:26

1. 首先下载去下载nodejs 网址: http://nodejs.cn,自行安装

查看vue版本

vue--version

2.下载安装vuecli,命令行安装

sudonpminstall-g@vue/cli

#xcode的CLI工具

sudoxcode-select--install

#查看vue历史版本

npmview@vue/cli--versions--json

#根据所需版本号下载

sudonpminstall-g@vue/cli@版本号

#如遇到没有权限的问题

sudochown你的用户名 /usr/local/bin

3.安装element-ui

npmielement-ui-S

main.js添加

//引入Element

importElementUIfrom'element-ui';

import'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

4.创建一个项目练手

4.1进入项目目录

vuecreatehello-world

选则Manuallyselectfeatures回车,如果选则错误ctrl+C,重来

vue & element & electron MAC学习笔记

4.2

注意提示: 

Checkthefeaturesneededforyourproject:(Presstoselect,tot

oggleall,toinvertselection) // 空格选中/取消

空格选中: babel+Router+Vuex就行了

输入Y

4.3选中 Inpackage.json

vue & element & electron MAC学习笔记

4.4最后把你这次的设置存起来,起个名字

5.这步在4之前!!!进入项目文件夹

安装electron

sudonpminstallelectron-g

or

sudoyarnaddelectron-g

5.1添加插件 vue-cli-plugin-electron-builder

vueaddelectron-builder

5.2 当自动化脚本执行完毕后,使用开发模式运行

npmrunelectron:serve

5.3 准备部署时,可以使用

npmrunelectron:build

//图形界面

vueui

//升级npm

npmupdate-g

vueaddelectron-builder

//删除

rm-rf路径

//每次失败,根据提示,解决失败问题。最好删除项目,重新创建。

后记。反正就是重复解决问题,百度 最后运行vueui,如图运行就可以了。

vue & element & electron MAC学习笔记

vue-resource请求数据 

npminstallvue-resource--save

main.js引入

//vue-resource请求数据

importVueResourcefrom'vue-resource'

Vue.use(VueResource)


作者:a114469

退出