准备工作:已经安装了nodejs,已经安装了vue-cli $ mkdir gankbook $ cd gankbook $ vue init webpack-simple 按照需要写好信息,这将会写在package.json里面去的 创建完好之后运行起来 先下载npm包 $ npm install //运行 $ npm run dev //发布 $ npm run build //还需要安装vue-router  vue-resource 这里用了淘宝的镜像,避免安装失败,当然前提还是你得先安…

webpack的一点介绍 Webpack 把任何一个文件都看成一个模块,模块间可以互相依赖(require or import),webpack 的功能是把相互依赖的文件打包在一起.webpack 本身只能处理原生的 JavaScript 模块,但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块.这样,任何资源都可以成为 Webpack 可以处理的模块.同时,webpack还有丰富的插件 plugin,可以完成例如js,css的压缩,公共依赖模块的提取和注入,甚至利…

前言 springboot官方参考指南:https://docs.spring.io/spring-boot/docs/2.1.0.RELEASE/reference/htmlsingle/ Spring Boot是由spring家族提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用“约定大于配置”思想进行了许多默认配置,从而使开发人员简化配置.快速构建项目.愉快开发. 特性   1.创建独立的Spring应用程序       2.直接嵌入Tomcat.Je…

制作.vue模板文件 通过前面的两篇博文的学习,我们已经建立好了一个项目.问题是,我们还没有开始制作页面.下面,我们要来做页面了. 我们还是利用 http://cnodejs.org/api 这里公开的api来做项目.不过本章节不涉及调用接口等内容.这里,我们假设我们的项目是做俩页面,一个列表页面,一个内容页面.列表页面有分页等,内容页面展示. 因此,我们需要两个模板文件. 我们在src/page目录下面新建两个文件,分别是index.vue和content.vue index.vue代码: <…

通过上一篇博文<Vue2+VueRouter2+webpack 构建项目实战(一):准备工作>,我们已经新建好了一个基于vue+webpack的项目.本篇文章详细介绍下项目的结构. 项目目录以及文件结构 如图所示: 如上图所示,自动构建的vue项目的结构就是这样. 目录/文件 说明 build 这个是我们最终发布的时候会把代码发布在这里,在开发阶段,我们基本不用管. config 配置目录,默认配置没有问题,所以我们也不用管 node_modules 项目开发依赖的一些模块 src 开发目录(…

前言:这个项目是我从零学习Vue2.0时用于练习基础知识的入门项目,包含了Vue2.0几乎所有项目都会用到的基础功能,是新手用来练手的好项目,这里温故知新对功能点做一个总结.github地址:https://github.com/66Web/ljq_sjsm,欢迎Star. 平台首页 登录注册 一.安装配置 1.淘宝镜像cnpm: $ npm install -g cnpm --registry=https://registry.npm.taobao.org 2.v-cli开发环境搭建: npm…

用vue-cli脚手架快速构建项目的过程:1.首先要在node的环境下安装: 1>安装node:https://nodejs.org/en/(带npm,但是npm太慢了,建议安装cnpm,cnpm和npm的用法是一样的) 查看node安装是否成功:node -v,会出现相应的版本号 2>安装cnpm: 需要详细了解cnpm的朋友请前往官网https://npm.taobao.org/ 查看 在cmd中输入npm install -g cnpm –registry=https://registr…

西部开源-秦疆老师:基于SpringBoot 2.1.6 的博客教程 秦老师交流Q群号: 664386224 未授权禁止转载!编辑不易 , 转发请注明出处!防君子不防小人,共勉! SpringBoot:使用IDEA快速构建项目 之前,我们在官网上直接快速构建了一个springboot项目,IDEA也可以做到,我们来看下具体步骤: 1.创建一个新项目 2.选择spring initalizr , 可以看到默认就是去官网的快速构建工具那里实现 3.和之前一样填写项目信息 4.选择初始化的组件 5.填…

Vue2+VueRouter2+webpack 构建项目实战(四)接通api,先渲染个列表:  Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述…

要使用vue-cli脚手架搭建项目,首先需要安装node.js Node.js官网:https://nodejs.org/en/download/ 选择你对应的系统即可下载,下载完成后傻瓜式安装即可. 安装完成之后打开cmd,输入node -v 出现版本号即安装成功 接下来便可使用脚手架快速构建你的项目了: npm install -g vue-cli                   全局安装vue-cli vue init webpack test                 生成项目…