一.vue有两种使用方式: 1.下载vue.js <script src="vue.js"></script> 2.使用npm npm install vue 二.在vue的mvc思想基础上,会有很多想实现的功能,可以不必原生写.比如ajax请求,各种插件. 安装vue-cli,促使这些插件可以在vue上运行. npm install vue-cli -g 三.vue安装成功测试 cmd 中,(vue各种模板) vue -V vue list 四.使用vue,结…

"工欲善其事必先利其器",要想学习vue,首先需要我们去了解webpack,便于后期快速构建运行项目.废话不多说,下面开始介绍在开始一个vue项目前我们需要对webpack有一定的了解--webpack敲门篇. 第一步:安装Node.js 下载地址:http://nodejs.cn/download/ 安装就是傻瓜式的,一直下一步就可以.安装完毕后可以通过cmd输入npm -v查看是否安装成功.//node a.js 可以运行a.js npm(node package manage o…

一.包的查找规则: 1.在项目根目录中找有没有 node_modules 的文件夹: 2.在 node_modules 中根据包名,找对应的vue 文件夹: 3.在vue 文件夹中,找 一个叫做 package.json的包配置文件: 4.在package.json文件中,查找一个main  属性[main属性指定了这个包在被加载时候的入口文件] 二.webpack中使用vue: 1.安装 vue 的包: cnpm i vue -S 2.由于 在 webpack中,推荐使用 .vue这个组件模块…

一.nrm: nrm是专门用来管理和快速切换私人配置的registry; nrm提供了一些最常用的npm包镜像地址,能够让我们快速的切换安装包时候的服务器地址: 二.镜像: 原来   包    刚一开始是只存在于国外的NPM服务器,但是由于网络原因,经常访问不到,这时候,我们可以在国内,创建一个和官网完全一样的NPM服务器,只不过,数据都是从人家那里拿过来的,除此之外,使用方式完全一样: 三.nrm使用: 1.运行: npm i nrm -g 全局安装’ nrm ' 包: 2.使用 nrm ls…

---恢复内容开始--- 一.webpack 默认只能打包处理 JS 类型的文件,无法处理 其他的非  JS 类型的文件: 如果非要处理 非 JS 类型的文件,我们需要手动安装一些 合适 第三方 loader 加载器: 二.webpack 处理第三方文件类型的过程: 1.发现这个要处理的文件不是JS文件,然后就去配置文件中,查找有没有对应的第三方 loader 规则: 2.如果能找到对应的规则,就会调用 对应的 loader 处理 这种文件类型: 3.在调用 loader 的时候,是从后往前调用…

一.新建dist 文件夹: 二.新建src文件夹: 在其下面创建 css .js .images文件夹及 index.html.main.js(这是项目Js的主入口) 三.html中简单创建一个列表: main.js中设置单双行变色: 四.由于ES6太高级,浏览器解析不了,需要转换为低级的能识别的版本. 由于版本的不一样,需要进行以下设置: 在package.json中导致写下以下两行代码 "dev": "webpack --mode development", &…

vue2.x 推荐使用axios 1.首先使用安装 npm install axios -S 2.在哪用在哪引入 import axios from 'axios' 或则在main.js 中引入 在申明 Vue.prototype.$http = axios ,然后再其子组件中用this关键字 调用$http此时有两个方法 一是get 二是post , then()方法中执行成功返回数据后的方法,类似原版ajax中success() 方法,catch() 方法则为请求失败调用的方法 如下图所示…

本质上,Webpack是一个现代 JavaScript应用程序的静态模块打包器(module bundler).当 Webpack处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle. 什么是模块化编程 模块化编程是一种软件设计技术. 在模块化编程中,开发者将程序分解成离散功能块,并称之为模块. 每个模块具有比完整程序更小的接触面,使得校验.调试.测试轻而易举. 精心编写的模块提供了可靠的…

写于20190819 前面是自己解决的思路,后面是解决方法以及需要记住的一些更改 package.json 之前只知道vue项目是基于node.js,对node.js了解不是很深入,项目的开始文件是package.json.文件中主要观察如下代码: "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", &qu…

1.先看效果: 熟悉的图片轮播,只要是个网站,百分之90以上会有个图片轮播.我认为使用图片轮播. 第一可以给人以一种美观的感受,而不会显得网站那么呆板, 第二可以增加显示内容,同样的区域可以显示更多内容. 2.每学一个新东西 ,图片轮播都是很好的练手案例,而且,也很实用. 3.基本要求:页面加载,自动播放.鼠标悬停,停止播放.鼠标离开,继续播放 点击左右箭头切换上一张,下一张图片. 下方小圆点显示当前位第几张图片. 4.使用Vue实现,想法: 5.示例代码 结构html: <template>…