vue-shop 第一天 一.项目初始化 1.安装vuecli脚手架(依赖于webpack)[前端自动构建工具]. 2.安装插件(element-ui)[第三方插件库], 安装依赖(axios)[调用后端接口的模块] 3.需要将项目托管到码云[一个代码管理仓库],码云ssh的简单配置. 4.配置一下git(第一次使用),先进行本地提交,再根据提交 指令把仓库上传到码云仓库中.(第一次使用码云需要填写用户名以及密码) 5.进行后端配置(数据库用到mysql),安装数据库管理工具(phpstudy)…
一.前言 今天开始打算花6天时间 完成一个基于vue的买菜app 在这里记录一下项目的流程和第一次做这个项目遇到的坑 以及解决的办法 二.第一步 脚手架的安装 使用npm 安装好脚手架  安装脚手架教程参考我的另一篇博客   https://www.cnblogs.com/chenglianjie/p/11976571.html 自定义安装我选择一些选项 可以根据个人需要 自己选择 三.搭建好项目框架 根据项目 脚手架里面的内容该删删 该改的就改 下面是我的项目结构 只改了src里面的文件夹 …
1.Node安装 登录官网,下载最新版本并安装: 在我的电脑内,执行以下操作:右键->属性->高级->环境变量->系统变量->path 查看是否有node的安装路径,没有的话添加上node的安装路径: 开始->运行->cmd 输入node -v ,出现类似v10.15.3的字样说明安装成功. 2.vue-cli安装 打开cmd命令行,输入npm install vue-cli -g,等待安装完成: 完成后,输入 vue -V,出现类似2.9.6的字样表明安装成功.…
一.先安装jq跟bootstrap 1.因为bootstrap依赖jq,先安装jq----->npm install jquery@1.11.3 --save-dev   ----->可以查看在npm上面jq都有哪些版本了 npm view jquery versions 二.安装完成后配置jq,在build/webpack.base.conf.js 里面配置以下文件, 配置好以上文件然后在main.js中引入import $ from 'jquery' 如果报$ is defined but…
感觉小青推荐的学习网课,  利用vue 仿制一个去哪网, 学习的东西很多, 在食用之前,需要先确保js 和css 过关 js https://www.bilibili.com/video/av30099487  140 集大礼包, 22小时 es6 https://www.bilibili.com/video/av47304735   台湾小姐姐的es 6   声音很好听  4 小时 阮一峰的 es 6 教程 http://es6.ruanyifeng.com/ css3+html  https…
Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发.   一.技术准备 笔者建议在开始项目前,对以下两个技术点进行了解. 1. Vue.js基础知识 Vue.js特点就是入门简单,api 简洁一致,文档清晰.对于了解Html,CSS,JavaScript花几个小时看一遍,就能掌握基础的东西. 可参考http://www.runoob.com/vue2/vue-tutorial.html. 2. ES6的模块化加载 有E…
前端架构之路:使用Vue.js开始第一个项目   Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发. 一.技术准备 使用传统mvc项目的开发人员,笔者建议在开始项目前,对以下两个技术点进行了解. 1. Vue.js基础知识 Vue.js特点就是入门简单,api 简洁一致,文档清晰.对于了解Html,CSS,JavaScript花几个小时看一遍,就能掌握基础的东西. 可参考http://www.runoob.com/v…
关于vue+element-ui项目的分页,返回默认显示第一页的问题解决     问题描述 当前页面如下: 然后点击页码跳到第3页,然后在第三页点击页面链接跳转到新的页面 然后在新页面点击返回按钮,返回到当前页,结果页面分页显示第一页,对应页面内容也是第一页 期望效果 从新页面返回的时候,页码和页面内容仍旧保持在跳转离开前的样子. 解决办法 1.利用localStorage或者sessionStorage将跳转页面前的currentPage存储起来,然后,再次返回当前页的时候,在created生…
vue的项目结构 不知道大家有没这样的情况,面对刚配置好的脚手架,创建的文件不知道该放哪个文件下,导致后面开发一些文件不好找,不利于维护. 接下来我说说我项目中的一些文件: 首先是components组件文件 这里放的是一些小组件,包括共用的一些组件,组件里也可拆分哪个页面下的组件进行分类. 然后是页面,这些需要添加到路由的页面统一放到pages去: 这里的页面也是进行不同页面来分类,这样有利于后期维护. 接下来是请求的数据接口统一管理: 接口以及axios请求函数统一放到api这个文件下进行管…
Vue.js——60分钟browserify项目模板快速入门   概述 在之前的一系列vue.js文章,我们都是用传统模式引用vue.js以及其他的js文件的,这在开发时会产生一些问题. 首先,这限定了我们的开发模式是基于页面的,而不是基于组件的,组件的所有代码都直接写在页面中,这对于一些复杂的页面来说,不是好事情,代码的可读性会较差,也不便于管理. 其次,定义在HTML页面中的组件,无法被其他页面重用,我们只能通过复制粘贴的方式将组件代码拷贝到其他页面,这也违反了DRY原则.既然组件是Vue.…