一． vue-cli初始化1. 全局安装 vue-clinpm install --global vue-cli2. 创建一个基于 webpack 模板的新项目vue init webpack my-project3. 安装依赖cd my-projectnpm install (换源安装: npm install --registry https://registry.npm.taobao.org )4.启动: npm run dev 5.打包: npm run build 二． 安装额外的依赖

前言 本篇随笔主要写了手动搭建一个webpack+Vue项目,掌握相关loader的安装与使用,包括css-loader.style-loader.vue-loader.url-loader.sass-loader等,熟悉webpack的配置.文件的打包,以及路由的配置及使用. 作为自己对Vwebpack+Vue项目搭建知识的总结与笔记. 因内容有案例解读,代码实现,导致篇幅稍长,大约3分钟可以浏览完,如有需要的话(请笔友耐心看完,也可按目录查找所需内容) 百度网盘链接,案例源码获取地址: 链接

前言 c#的依赖注入框架有unity.autofac,两个博主都用过,感觉unity比较简单而autofac的功能相对更丰富(自然也更复杂一点),本篇将基于前几篇已经创建好的webapi项目,引入autofac功能. 前面我们已经搭建好webapi,并用了owin技术.这篇的autofac也将基于这两种技术进行开发. 步骤 引入包 共三个nuget包:Autofac.WebApi2,Autofac.Owin,Autofac.WebApi2.Owin    autofac注册组件 using Sy

一般在本机上完成基于Flask框架的代码编写后,如果有接口或者数据操作方面需求需要把代码部署到指定服务器上. 一般情况下,使用Flask框架开发者大多数都是选择Python虚拟环境来运行项目,不同的虚拟环境中配置依赖包信息不同.如果重新迁移到一个新的虚拟环境后,又重新来一个一个的配置依赖包,那将会很浪费时间. 下面介绍一个简单易用的技巧,也是我自己在书本上看到的,以防每次配置需要翻阅书籍的麻烦,所以单自写一篇文章作记录,方便自己以后查看,也希望给其他学习的同学有点帮助. 完成项目相关代码编写后,

ps:初入Vue坑的小伙伴们,对于独立做一个项目可能不清楚需要使用哪些资源,这篇随笔希望对大家有所帮助. 第一步:参照vue的官方文档,建立一个vue的项目 # 全局安装 vue-cli $ npm install --global vue-cli (如果电脑上面已有vue项目并能正常运行,基本上代表已全局安装此步,那么就可跳过此步,执行第二步,如果执行第二步的时候报第一步的错误,再执行第一步即可) # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-pr

下载 Vue Router 4 的依赖包: npm install vue-router@4 新建 router.ts 文件,导入 createRouter 以及 createWebHashHistory 函数: import { createRouter, createWebHashHistory } from 'vue-router'; const routes = [ { path: "/", name: "Home", component: () =>

在这里我们先快速的搭建一个vue的脚手架: (1).在安装vue的环境之前,安装NodeJS环境是必须的.可以使用node -v指令检查,需要保证安装了4.0版本以上的nodeJS环境. 没有安装的话,去Node.js的官网下载一下,各种下一步,傻瓜式安装就好,非常方便. (2).安装vue-cli 先全局安装vue-cli 使用指令npm install -g vue-cli 做完以后,使用vue 指令检查一下是否安装成功,如果成功则结果如下: (3).初始化项目 使用指令vue init w

前后端数据交互作为项目最基础需求(静态的除外),同时也是项目中最重要的需求. 本文重点介绍axios如何配合vue搭建项目框架,而axios的详细使用介绍请移步使用说明 1.安装 cnpm install axios --save-dev 2.引入 main.js 文件引入: import Vue from 'vue'//引入vue import axios from 'axios'//引入axios Vue.prototype.$axios = axios;//把axios挂载到vue上 3.

 1到网上下载node.js,安装,(新版node,包括了npm ).2下载Git安装.3.你需要的地方建一个文件夹.打开cmd,跳转到这个文件夹输入npm install -g vue-cli 完成安装.输入vue出来信息说明成功了.4.vue init webpack vue_project,创建一个项目,会在创建的文件夹里面.          概括: # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目

上一篇中简单的创建了一个脚手架,这篇简单的讲一下脚手架的项目结构:     (1).build/ 此目录包含开发服务器和生产webpack构建的实际配置.通常,您不需要触摸这些文件,除非您要自定义Webpack加载器,在这种情况下,您应该看看build/webpack.base.conf.js. (2).config/index.js 这是主要的配置文件,它暴露了构建设置的一些最常见的配置选项.接下来我会写一篇vue中 默认的 config/index.js:配置的详细理解.需要修改的地方开发期

由于Vue官方提供了vue-cli手脚架,所以快速构建出个简单的项目框架.在做移动端项目时,因为移动端的特性可能会用到些比较常用的插件,就在这里简单介绍如何使用 这里只介绍怎么在项目中安装引用和简单的使用方法,详细用法会附上相关链接或者自行百度 1.手淘适配方案--amfe-flexible 移动端总是少不了适配,所以无疑是最佳的选择(GitHub传送门) 1.安装 cnpm install amfe-flexible --save 2.引入 main.js 文件引入 :import 'amfe

一.概述 vue.js是一套构建用户界面的渐进式框架.vue采用自底向上增量开发的设计.vue的核心库只关心视图层,非常容易学习,非常容易与其它库和已有项目整合.vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用. vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件. 二.vue开发环境框架搭建 1.安装node.js (http://www.runoob.com/nodejs/nodejs-install-setup.html) 2.基于no

前言 本篇讲怎么在前几篇已经创建好的项目里加上日志处理机制,我们采用Log4net技术.跟多的log4net技术的细节请查阅log4net的官网. log4net官网:http://logging.apache.org/log4net/ 步骤 引用log4net包 在nuget里引入包 此包没有任何的依赖项 编写日志处理代码 现在项目已经用到了autofac的依赖注入技术(查看webapi框架搭建-依赖注入之autofac),如果不用依赖注入,log4net的用法类似下面的代码 using Sy

webapi框架搭建系列博客 webapi框架搭建-创建项目(一) webapi框架搭建-创建项目(二)-以iis为部署环境的配置 webapi框架搭建-创建项目(三)-webapi owin webapi框架搭建-依赖注入之autofac webapi框架搭建-日志管理log4net webapi框架搭建-webapi异常处理 webapi框架搭建-数据访问ef code first webapi框架搭建-安全机制(一) webapi框架搭建-安全机制(二)-身份验证 webapi框架搭建-安

{ //依赖包 "devDependencies": { //babel "babel-core": "6.24.1", "babel-loader": "7.0.0", "babel-preset-es2015": "6.24.1", "babel-preset-react": "6.24.1", "babel-pr

#我的VUE框架学习 题记:初识VUE,觉得VUE十分的不错,故决定去深入的了解学习它,工欲善其事,必先利其器,下面是我搭建vue环境的过程! #一.项目搭建及初始化 1.安装:node.js:去官网下载:https://nodejs.org/en/ 2.安装cnp:mnpm install -g cnpm --registry=https://registry.npm.taobao.org 安装后打开cmd控制台,由于npm的源在国外,我们利用国内镜像去使用 3.全局安装webpack:cnp

前言: 此篇随笔为个人学习前端框架Vue,js的技术笔记,主要记录一些自己在学习Vue框架的心得体会和技术总结,作为回顾和笔记使用. 这种写博客的方式,对刚开始学习Vue框架的我,也是一种激励,我相信,随着时间的推移与沉淀,可以写出更好的参考笔记和技术文档. 一.Vue简介 Vue官网地址:https://cn.vuejs.org/ 1.前端技术的发展 HTML:HTML主要用来编写网页的结构,例如<a></a>表示超链接. CSS:CSS样式包括颜色.大小.字体等,布局合理的页面

1.node.js:概念介绍及安装 node.js:是一个基于chrome浏览器的v8引擎,可以运行javascript的环境(平台) 特性:异步IO模型 npm:是一个包管理器(工具),可以按装依赖插件应用场景:聊天.电子商务 优点:高并发且实时的情况下 性能高缺点:不适合用于大数据逻辑算法 python服务器.php ->aphche.java ->tomcat. iis -->它是一个可以运行JAVASCRIPTR 的运行环境 -->它可以作为后端语言(websocket \

Spring MVC 学习笔记12 -- SpringMVC+Hibernate开发(1)依赖包搭建 用Hibernate帮助建立SpringMVC与数据库之间的联系,通过配置DAO层,Service层,Model层,建立Controller对数据库操作的通道. 这里没有使用maven来管理jar包(依赖库),因为没太多,实际上还是很繁琐的,要有耐心. 原本稍微复杂的工程项目还是应该使用maven来管理依赖库,参见:http://tieba.baidu.com/p/2364606122?pn=1

1.首先感谢同事 2.之前一直在做angularjs的项目,目前vue火热,所以自己搭建了一个的vue框架,在此作为记录 vue+vux-ui这里就不介绍了,有很多博客都写的很详细了. 下面简单记录下axios 和 mock 1.axios <1>  安装axios npm install axios <2>  使用axios 1.因为有时候项目需要稍微封装一下axios,所以我这里并没有直接像官网那里在入口main.js直接引入axios 2.按照官网的要求,我在src目录下新建