上一篇文章《一个基于ES5的vue小demo》我们讲了如何用ES5,vue-router做一个小demo,接下来我们来把它变成基于ES6+webpack的demo。 一、环境搭建及代码转换 我们先搭建一下vue 的开发环境,根据我的一篇随笔《Vue开发环境搭建及热更新》,我们一步步搭建开发环境 ...
闲聊: 小颖之前一直说是写一篇用vue做的简单demo的文章,然而小颖总是给自己找借口,说没时间,这一没时间一下就推到现在了,今天抽时间把这个简单的demo整理下,给大家分享出来,希望对大家也有所帮助。 前期准备: .安装node 安装包地址这个里面有两个安装包大家可以根据自己的需求选择安装 . . 版本或者 . . 版本,小颖选择的是 . . 。 .Atom编辑器,这个大家可以根据自己的喜好选择 ...
2016-12-13 18:02 27 7827 推荐指数:
上一篇文章《一个基于ES5的vue小demo》我们讲了如何用ES5,vue-router做一个小demo,接下来我们来把它变成基于ES6+webpack的demo。 一、环境搭建及代码转换 我们先搭建一下vue 的开发环境,根据我的一篇随笔《Vue开发环境搭建及热更新》,我们一步步搭建开发环境 ...
本篇文章仿照vue-cli生成的项目结构,自己重新搭建目录,写一个小demo进一步巩固单文件组件的知识,并且学习中间件。一、要解决的问题1、如果把webpack.config.js放进build文件夹,而不是裸放在项目根目录,如何让项目找到配置文件?方案A:中间件写一个dev-server.js ...
为了学习基础语法,我并没有用vue-cli脚手架来vue init [基于什么类型] [项目名称]初始化项目,而是直接<script>../vue.js</script> 动态显示时间和过滤器 ...
app.vue header.vue footer.vue main.vue index.vue ...
一、首先必须得先按照node.js,Node.js自带了软件包管理器npm. 用npm安装Webpack: $ nam install wegpack -g 此时安装的是全局环境下 通常我们会将Webpack安装到项目的依赖中,这样就可以使用项目本地 ...
本项目是基于node环境下运行的,首先需安装node.js,下载地址http://www.nodejs.org/,安装完成后,在安装express(web 开发框架)。 本项目的数据存储方式有两种,一种是mysql,另一种是文件形式。如需用mysql,必须先安装mysql,再在 ...
针对在“思否”上看到的关于vue,node,webpack的一些问题及回复,做出如下的整理,给同样不是很清楚的朋友做了解,也供自己学习 原链接:https://segmentfault.com/q/1010000008451764/a-1020000008452409 1.什么是npm ...
https://www.cnblogs.com/pengjunhao/p/6762141.html https://www.cnblogs.com/yanxulan/p/8978732.html 查看node和npm的版本 node -v 或者 node --version ...