vue & element & electron MAC学习笔记

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

查看vue版本

vue --version

2. 下载安装vue cli , 命令行安装

sudo npm install -g @vue/cli

# xcode 的CLI 工具
sudo xcode-select --install

# 查看vue历史版本
npm view @vue/cli --versions --json

# 根据所需版本号下载
sudo npm install -g @vue/cli@版本号 

# 如遇到没有权限的问题
sudo chown 你的用户名 /usr/local/bin

3. 安装element-ui

npm i element-ui -S

main.js添加

// 引入Element
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

4. 创建一个项目练手

4.1 进入项目目录

vue create hello-world

选则Manually select features 回车, 如果选则错误 ctrl + C , 重来

4.2

注意提示 : 

Check the features needed for your project: (Press <space> to select, <a> to t

oggle all, <i> to invert selection)  // 空格选中/取消

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

输入 Y

4.3 选中 In package.json

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

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

安装electron

sudo npm install electron -g

or

sudo yarn add electron -g

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

vue add electron-builder

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

npm run electron:serve

5.3 准备部署时，可以使用

npm run electron:build

// 图形界面
vue ui

// 升级npm
npm update -g

vue add electron-builder

// 删除
rm -rf 路径

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

 

 

 

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

 

#  vue-resource请求数据 

npm  install vue-resource  --save

main.js 引入

//vue-resource请求数据
import VueResource from 'vue-resource'
Vue.use(VueResource)