关键词：
1.npm
安装node.js的时候会一起安装npm包管理器，能够解决nodejs代码部署问题，常见使用如下：
允许用户从npm服务器下载别人编写的第三方包到本地应用
允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用
允许将自己编写的包或命令上传到npm服务器上供别人使用
新版的nodejs已经集成npm，安装好nodejs之后使用npm -v命令检查是否安装成功。
2.webpack
webpack是前端资源模块化管理和打包工具。它可以将松散的资源（js，css，less/sass，图片等）按照模块来使用和处理。webpack的特点如下：
代码拆分：Webpack 有两种组织模块依赖的方式，同步和异步。异步依赖作为分割点，形成一个新的块。在优化了依赖树后，每一个异步区块都作为一个文件被打包。
Loader：Webpack 本身只能处理原生的 JavaScript 模块，但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块。这样，任何资源都可以成为 Webpack 可以处理的模块。
智能解析：Webpack 有一个智能解析器，几乎可以处理任何第三方库，无论它们的模块形式是 CommonJS、 AMD 还是普通的 JS 文件。甚至在加载依赖的时候，允许使用动态表达式 require("./templates/" + name + ".jade")。
插件系统：Webpack 还有一个功能丰富的插件系统。大多数内容功能都是基于这个插件系统运行的，还可以开发和使用开源的 Webpack 插件，来满足各式各样的需求。
快速运行：Webpack 使用异步 I/O 和多级缓存提高运行效率，这使得 Webpack 能够以令人难以置信的速度快速增量编译。
参考：
npm使用介绍：http://www.runoob.com/nodejs/nodejs-npm.html
webpack中文指南：http://webpackdoc.com/
vuejs入门-----安装+基本语法学习笔记
一、基本介绍Vuejs是一套构建用户界面的渐进式框架。vue-cli脚手架搭建基本代码框架vue-router官方插件管理路由vue-resourseAjax通信webpack构建工具es6+eslinteslint:es6代码风格检查工具工程化组件化模块化移动端常用开发技巧：flex弹性布... 查看详情
尚硅谷vue系列教程学习笔记(代码片段)
尚硅谷Vue系列教程学习笔记（1）参考课程：《尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通》参考链接：https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=4f4d3466cdc2c5a2539504632c862ce7笔记上传说明：上述课程中共有... 查看详情
vue第四天学习笔记之组件化高级(代码片段)
目录 1.父子组件通信1.1组件通信-父子组件通信案例1.2组件通信-父子组件通信案例(watch实现)1.3组件访问-父访问子-children-refs1.4组件访问-子访问父-parent-root2.组件化高级2.1slot-插槽的基本使用2.2slot-具名插槽的使用2.3什么是编译的... 查看详情
尚硅谷vue系列教程学习笔记(代码片段)
尚硅谷Vue系列教程学习笔记（1）参考课程：《尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通》参考链接：https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=4f4d3466cdc2c5a2539504632c862ce7笔记上传说明：上述课程中共有... 查看详情
vue.js学习笔记总结1
一、vue介绍vue类似于高级的模版引擎vue的核心思想就是：数据驱动视图MVVM<divid="app">{{message}}</div>varapp=newVue({el:‘#app‘,data:{message:‘HelloVue!‘}})每一个vue程序都是以newVue()开始的每一项vue实例都接收一个选项对象来配置vu... 查看详情
vue.js学习笔记第七篇表单控件绑定
本篇主要说明表单控件的数据绑定，这次没有新的知识点文本框1、普通文本框<divid="app-1"><p><inputv-model="textBox"placeholder="输入内容...">输入的内容：{{textBox}}</p></div><scripttype="text/javascript">varvm1=ne 查看详情
vue第九天学习笔记之网络模块封装
目录 1.模块的选择2.jsonp封装2.1认识jsonp2.2JSONP封装3.axios详解3.1认识axios3.2发送基本请求3.3axios实例3.4拦截器1.模块的选择Vue中发送网络请求有非常多的方式,那么,在开发中,如何选择呢?选择一:传统的Ajax是基于XMLHttpRequest(XHR)为什么... 查看详情
vue第六天学习笔记之vuecli3详解(代码片段)
目录 1.VueCLI详解1.1Runtime-Compiler和Runtime-only的区别2.VueCLI33.箭头函数3.1箭头函数的基本使用3.2箭头函数参数和返回值3.3箭头函数中的this的使用4.vue-router详解4.1认识路由4.2前端路由的规则4.3vue-router基础1.VueCLI详解1.1Runtime-Compiler和Run... 查看详情
vue.js学习笔记
1、vue.js的目的Vue的产生主要是解决三个问题1.1、主要解决的是数据绑定的问题1.2、主要是构建大型的单页面程序，解决app页面卡顿的问题1.3、支持组件式开发，采用积木式编程2、Vue.js的特性 1、mvvm模式2、组建化3、指令系统... 查看详情
vue学习笔记——目录结构介绍
1.初始目录结构如下： 2.目录结构介绍目录/文件说明build最终发布的代码存放位置。config配置目录，包括端口号等。我们初学可以使用默认的。node_modulesnpm加载的项目依赖模块src这里是我们要开发的目录，基本上要做的... 查看详情
vue学习笔记——vue-router（路由）
使用路由的时候有两个必要的知识：<router-link></router-link>：这个相当于a标签，点击的切换时候的按钮，<router-view></router-view>：这个就是你加载过来的组件放的位置使用方法：1、cnpminstallvue-router--save下载路... 查看详情
vue-学习笔记
vue学习笔记 2017-08-23 11:10:28 vue学习出现问题汇总序号问题、知识点备注1vewVue({})V要大写2data数据所有的数据要放到对应el位置的data里边3v-model=“msg”等号后边不用花括号了4el区域与调用调取vue里边的d... 查看详情
vue3学习总结笔记(十三)(代码片段)
文章目录1.Vue3简介2.创建Vue3项目工程2.1使用Vue-cli创建2.2使用Vite创建Vue3工程3.Vue3之分析工程结构3.Vue3之安装开发者工具4.Vue3之setup5.Vue3之ref函数5.1ref函数处理基本数据类型5.2ref函数处理对象类型6.Vue3之reactive函数7.Vue3之与vue2进行... 查看详情
vue3学习总结笔记(十三)(代码片段)
文章目录1.Vue3简介2.创建Vue3项目工程2.1使用Vue-cli创建2.2使用Vite创建Vue3工程3.Vue3之分析工程结构3.Vue3之安装开发者工具4.Vue3之setup5.Vue3之ref函数5.1ref函数处理基本数据类型5.2ref函数处理对象类型6.Vue3之reactive函数7.Vue3之与vue2进行... 查看详情
vue2.x基础笔记学习
目录<spanid="base">基础</span>声明简介历史由来优缺点开发工具和软件es6安装第一个vue2.x的基本代码特性实例选项模板(template)数据(data)方法(methods)生命周期语法绑定(渲染式)1:文本插值2:html方式3:text方式条件表达式过滤器条... 查看详情
vue学习笔记1基于vue2.2.6版本
记录一下自己关于Vue学习的过程，便于以后归纳整理以及复习。1.下载引用vue.js 下载： npminstallvue，然后引用。 或直接线上引用： <scriptsrc="https://unpkg.com/vue/dist/vue.js"></script>2.基于vue2.26版本 MVVM模... 查看详情
vue学习笔记：27.脚手架vue-cli之promise(代码片段)
一.什么是Promise二.Promise的使用1.基本使用（1）不使用Promise我们使用定时器setTimeout来模拟异步操作，看看Promise的作用。<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8 查看详情
vue——学习笔记
1、vue需要在dom加载完成之后实现实例化eg:window.onload=function(){newVue({el:‘#editor‘,data:{input:‘#hello‘}})} 查看详情