1. 主要使用vue.js2. 使用vue-cli脚手架搭建项目3. 使用vue-router来做路由,实现单页面跳转4. 使用iView UI作为前端UI框架,Mouse UI作为手机端UI框架5. 使用axios来请求接口,实现前后端分离6. 使用Echarts.js来实现图表效果7. 使用qr ...
分类:
其他好文 时间:
2020-05-22 09:39:28
阅读次数:
99
Vue 脚手架 Vue 脚手架用于快速生成 Vue 项目基础架构 https://cli.vuejs.org/zh/guide/ 安装3.x 版本的Vue脚手架 vue/cli 创建项目 通过单独配置文件配置项目 在项目中新建 ElementUI 基本使用 https://element.eleme ...
分类:
其他好文 时间:
2020-05-22 00:05:49
阅读次数:
52
一、安装 npm install -g @vue/cli # OR yarn global add @vue/cli 查看安装是否成功以及版本:vue -V 二、创建项目 vue create my-project 运行之后,会要求你选择哪种预设模式,第一个是使用默认配置,包含babel转换,esl ...
分类:
其他好文 时间:
2020-05-21 16:24:39
阅读次数:
581
问题: vue项目完成打包上线的时候遇到静态资源找不到的问题,网上很多解决办法都是基于vue-cli 2.x 来解决的,但从vue-cli 3.0以后,便舍弃了配置文件夹(便没有了config这个文件夹),所有配置文件都写在了一个文件 vue.config.js中 ,并且需要自己手动创建,创建位置: ...
分类:
Web程序 时间:
2020-05-20 10:50:05
阅读次数:
273
Win10+VSCode 开发Vue + + Vue-Cli + ElementUI 项目实践【一,环境初始化】 本文开发环境: Node.jsv12.13.0npm6.12.0cnpm6.1.0vue2.xvue-cli4.0.5Element-UI6.12.0VSCode1.40.0开发环境初始 ...
在vue-cli中引入图片、音乐等文件,如下: <template> <div id="app"> <h1>{{msg}}</h1> <ul v-for="(item,index) in items"> <li>{{item}}</li> </ul> <audio :src="audioSrc" a ...
分类:
其他好文 时间:
2020-05-18 22:30:38
阅读次数:
123
安装好的vue-cli,可以看到下面的目录: assets存放图片等文件。 components文件夹就类似templates文件夹,存放组件的。 main.js是创建一个vue。 App.vue是一个组件,以.vue结尾的文件都称为一个组件(html、js、css),组件第一个字幕必须是大写,组建 ...
分类:
其他好文 时间:
2020-05-18 22:29:02
阅读次数:
91
话不多说,开整 ,本地当前已经有vue-cli2版本 官方文档 https://cli.vuejs.org/zh/guide/webpack.html 一、安装cli3 直接安装cli-3:npm install -g @vue/cli 解决方法: 使用win+x,选择命令提示符(管理员),在里面运 ...
分类:
其他好文 时间:
2020-05-18 18:47:01
阅读次数:
61
vue版本情况 vue最新版本:2.6 vue-cli:最新4.x vue-devtools:5.3.3 二、统一用vue-cli 3.x脚手架写项目 vue-cli官网:https://cli.vuejs.org/zh/ 安装vue-cli npm install -g @vue/cli 创建项目 ...
分类:
其他好文 时间:
2020-05-18 18:27:41
阅读次数:
636
快速入门 安装 nodejs 检查安装是否正确 安装 Vue Cli 检查安装版本 创建一个项目 运行这个项目 进入这个项目目录 执行 安装 ant design view 进入到 hello world 目录 在 main.js 里面引入 在 App.vue 中加入 再次运行,则可以看到 AAAA ...
分类:
其他好文 时间:
2020-05-18 14:11:52
阅读次数:
165