欢迎

1：按F1或ctrl+shift+p打开命令窗口2：输入snippet，选择 “首选项：打开用户代码段”3：输入vue，如果列表中存在Vue，可直接点击打开vue.json设置文件，如果列表中不存在Vue，按第4步做，如果Vue已存在，直接跳到第9步4：安装插件VueHelper5：安装插件vetur6：文件-首选项-用户设置，打开设置文件， 设置："files.associations": { ...

一：安装babel-polyfile依赖cnpm installbabel-polyfill --save二：在webpack打包时设置编译es6修改文件build/webpack.base.conf.jsentry: { app: './src/main.js' },修改为：entry: { app: ['babel-polyfill', './...

一：生产环境安装elementUI依赖cnpm install element-ui --save二：在main.js入口文件中引入并使用引入：import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'import 'element-ui/lib/theme-chalk/disp...

1：使用vue-cli脚手架创建webpack项目成功后，需要了解项目目录结构和文件功能2：文件夹介绍build文件夹：webpack打包相关配置的文件夹------build.js文件：webpack打包配置文件'use strict' // 本文件js使用严格模式require('./check-versions')() // 检查npm和nodejs版本proce...

一：安装node环境1：Node.js 官方网站下载：https://nodejs.org/en/选择相应的安装包下载并安装。安装成功后查看版本号。2：安装vue脚手架vue-clinpm install vue-cli -g3：使用vue-cli初始化一个webpack项目vue init webpack studyelectron（自定义的项目名称）创建项目...

等待补充内容

上一章讲了使用electron进行开发桌面应用，本章主要讲将开发的应用使用electron-packager插件打包一：安装electron-packager，开发环境使用cnpm installelectron-packager --save-dev二：在build文件夹下新建package.json文件，用于启动打包后的应用程序内容为：{ "name": "stud...

一：引入electroncnpm install electron --save-dev 在开发环境使用electron二：build文件夹下增加electron-preload.js文件，内容可以为空。主要用来在创建桌面窗口前定义一些window全局变量。可根据项目自行定义。如：window.isElectron = true 在项目中进行判断是否为桌面程序打开，可以调用electr...

1：后台人员搭建了minio服务器，用于将文件直接上传保存到亚马逊S3云存储2：前端开发人员需要在elementUI框架自带的upload的方法before-upload中向后台发送请求，获取到直接向亚马逊S3云存储的所有参数，然后再执行upload方法3：具体实现逻辑为：     用户点击上传按钮====》在before-upload方法中，向后台请求接口，获取直接上传到云存储的一系...

1：新建用户无权限提示组件，当用户无权限访问某页面组件或功能时，进行调取显示2：修改用户登录ui界面，当用户未登录时，跳转到登录界面3：创建js uiti.js文件，用作js方法库4：创建 api文件夹，创建api.js文件，统一管理接口的请求，并封装vue的axios方法，统一调用异步方法5：创建 zh-CN.js 文件，统一管理中文信息6：创建 CONST.js文件，统一管...

1：在src/components/下创建一个layout.vue文件，这个是后台管理系统的ui框架2：在src/components/下创建几个vue文件，需要分类管理时，可以创建文件夹，比如：home.vue 首页，login.vue 登录页面，user/uersList.vue 用户列表页面，user/roleList.vue 角色列表页面，user/permis...

1：安装element-ui ，命令：cnpm install element-ui --save2：设置config文件，路径 build/webpack.base.conf.js，rules下增加规则：{test: /\\\\\\\\.css$/,loader: "style!css"},{test: /\\\\\\\\.(eot|woff|woff2|ttf)([...

前提：1：nodejs已安装2：npm已安装3：vue_cli已安装4：webpack已安装具体安装，需要查资料vue项目初始化步骤：1：在需要建项目的文件夹下，打开命令窗口（shift+鼠标右键，然后点击打开命令窗口）2：执行命令： vue init webpack 项目名  ，会有一系列的确认，可以一直按enter键即可。如果网速正常，过几分钟vue项目就搭建好...

Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。安装版本要求Vue 2.0x Vue-router 3.x获取项目主页：//refined-x.com/Vue-Access-Control/git：git clone htt...

1：使用插件 Vue-Access-ControlVue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。安装：npm i vue-access-control详细文档参考：https://refined-x.com/2017/11/28/Vu...

1：搭建测试服务器，只要能够提供api接口，后台用什么语言来写不重要，可以用自己熟悉的语言搭一个测试服务器。2：在后台管理系统中调取登录接口，如果没有配置跨域处理，会报跨域的错误3：进行跨域设置，使得vue项目可以跨域访问接口proxyTable: {'/api': {target: 'http://xxxxxx.com', // 接口的域名// secure: false...

一：安装axios依赖cnpm install axios --save二：创建axios实例创建api接口请求文件，方便管理接口新建文件：src/api/index.js三：文件内容，在文件中设置了一个获取天气预报的接口进行测试import axios from 'axios'// 创建axios实例const instance = axios.create({...